CSS3动画（个人理解）

来源：互联网发布：作头部ct的危害知乎编辑：程序博客网时间：2024/06/05 07:24

随着学习的深入，越来越觉得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自定义动画的回调函数，效果感十足，可以很方便的调用他人的动画框架

1 0