脚本巴巴 www.jiaoben88.com

CSS3动画(个人理解)

发布时间:2016-08-12 19:33:50编辑:脚本巴巴

  随着学习的深入,越来越觉得Css3动画的重要,虽然JQ自定义动画和动画回调函数必须掌握,但是css3动画做起来更加绚丽,更加方便!

  1.常规使用

  1.1 使用transition属性,一般我们是配合hover使用(可以正向过渡,也可以反向过渡)

  1.2 创建帧动画,然后在选择器中调用动画

  需要注意一些属性

  animation-iteration-count:动画执行次数 infinite表示动画永久执行

  animation-play-state:running/paused 控制动画的播放暂停。配合JS中的事件函数,使用起来是不是很有意思

  简写

  animation:名字 动画时间 速度(linear匀速)延时 动画次数

  1.3 另外一种调用方法,我比较喜欢用 给对象增加类名和移除类名,配合JQ自定义动画的回调函数,效果感十足,可以很方便的调用他人的动画框架

上一篇:HTML兼容问题及高效开发工具
下一篇:div中的内容垂直居中的五种方法

相关文章