随着学习的深入,越来越觉得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自定义动画的回调函数,效果感十足,可以很方便的调用他人的动画框架
相关文章
- 07-202d旋转(css3实现过度效果和动画效果)
- 07-20Hadoop MapReduce编程的一些个人理解
- 07-20css3动画风景图
- 07-20对OO原则的个人理解
- 07-20JNDI和JDBC的区别-个人理解
- 07-20fish redux 个人理解
- 07-20CSS3动画效果下拉导航菜单效果
- 07-20『开源协议』Creative Commons Attribution 3.0 License . 协议的个人理解,并 转载分享 4000个 精美可商用小图标
- 07-20菜鸟之路——机器学习之Kmeans聚类个人理解及Python实现
- 07-20移动常见问题--H5标签之浏览器兼容性、JS之浏览器兼容性、CSS3之浏览器兼容性、移动端动画