AI CSS Animations 是一个利用语音和 AI 创建复杂 CSS 动画的平台,主要内容如下:
- 动画生成:用户通过描述所需动画(如元素的运动方式、效果等),点击提交后,几秒内即可生成自定义的 CSS 动画代码,并能实时预览动画效果。例如输入 “Slide in from the left and scale up” 可生成从左侧滑入并放大的动画。
- 动画编辑:可在平台的编辑器中微调动画的持续时间(以毫秒为单位)、位置、效果等参数,以达到完美效果。
- 提供了多种已生成的动画示例及相应的提示语,如 “Slide-in and Scale”(从侧面滑入并缩放)、“Spin-in”(从中心旋转进入)、“Fade Fall-in”(淡入并落下)、“Pop Drop”(弹出并落下)、“Bounce-out”(弹跳出屏幕并缩小)、“Flip Fade-in”(淡入并翻转进入)等,方便用户获取灵感。
- 编写提示:用户详细描述想要应用于元素的动画效果,完成后点击 “Submit” 提交。
- 接收动画:平台快速生成动画代码,用户可实时预览。
- 编辑完善:根据需求在编辑界面调整动画的各项参数,使其更符合预期。
[外网]将任何屏幕截图或设计转换为干净的代码