细节是魔鬼,设计在于细节
 首页> 读。设计

CSS3动画工具-在线生成CSS3代码

在线生成CSS动画工具,在工具左边设置好的动画参数,可以直接生成CSS代码,右边即可预览动画效果。可以自定义各种动画效果,再也不愁CSS3动画代码写不好了。

注意:此工具不支持低版本浏览器,如IE7-9等。使用360浏览器请切换到极速模式。(写前端代码的都懂的)

进入CSS动画工具

使用教程:

  1. 打开上面的链接,进入CSS动画工具。(建议使用谷歌或火狐浏览器或IE10以上)
  2. 可以拖入自己的图片到这个工具里。
  3. 左边工具栏分三个大类:变形与过渡、自定义动画、动画库(已预设好的常用CSS动画效果)。
  4. 设置好动画后,点击查看代码,复制里面的CSS代码到你自己所写的显示中使用。(如图2)
  5. 本工具源码主要来自与腾讯的朋友(非常感谢)。

 

QQ20160819-0

(图1)

 

QQ20160819-1

(图2)

 

发表评论

还可以输入 1994 个字符

全部评论 (0)
切换登录

注册

切换注册

登录

忘记密码 ?