本文目录一览：
- 1、怎样使CSS3中的animation动画当每滑到一屏时每次都运行
- 2、css3动画属性有哪些
- 3、animation的兼容性问题
- 4、scrollLeft能用css3的transition做动画吗
- 5、css3的过渡和动画会阻塞线程么,为什么
怎样使CSS3中的animation动画当每滑到一屏时每次都运行
1、规定需要绑定到选择器的 keyframe 名称。animation-duration 规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function 规定动画的速度曲线。animation-delay 规定在动画开始之前的延迟。
2、-moz-animation：tips 1s ；} 当然css3是可以做的，只是用纯css3，就没办法像这样可以拖动切屏，这个是需要js或者jq来完成。。
3、鼠标悬停，图标会一直不停旋转。 如果实现图标一直不停旋转，则需要使用animation动画。先制作动画的各个关键帧，然后在图标中运用这一动画。
css3动画属性有哪些
1、【相关视频教程：CSS3教程】css3的动画属性animation-name属性animation-name属性：定义动画名称，用于指定由规则定义的动画的一个或多个名称。
2、使用CSS3动画属性：CSS3提供了一些动画属性，如transition、animation和transform，可以用来制作简单的引导层动画。例如，可以使用@keyframes规则定义一个动画序列，然后将其应用到元素上。
3、animation 所有动画属性的简写属性，除了 animation-play-state 属性。animation-name 规定 @keyframes 动画的名称。animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
animation的兼容性问题
IE9兼容模式的设置方法：打开IE浏览器，点击“工具”选项，会跳出一个下拉菜单，选择“兼容性视图设置”选项。进入兼容性视图设置之后，填入所需要设置兼容模式的网址，点击添加，最后点击关闭即可。
css3中的过渡和animation动画都是基于css实现机制的，属于css范畴之内，并没有涉及到任何语言操作。效率略高与jQuery中的animate()函数，但兼容性很差。
桌面，我的电脑点右键，选择属性 在左边点击“高级系统设置”点击性能右边的设置按钮 切换到“数据执行保护”选项卡 点击下面的“添加”按钮 找到TVP的执行文件 将其添加到数据保护中。
可能是源代码问题，可以查看源代码，代码不多的，用手机和电脑浏览，注意那个充电头的动画。
scrollLeft能用css3的transition做动画吗
1、可以用CSS3的动画出做滚动，不过可操控性和便捷性都不如用JS了。
2、使用CSS3动画：通过CSS3中的transition、animation属性，可以实现网页中的动画效果。 使用JavaScript：使用JavaScript可以创建和调用动画，可以通过requestAnimationFrame()方法，来按指定的时间间隔更新动画，从而实现动画效果。
3、使用CSS3动画属性：CSS3提供了一些动画属性，如transition、animation和transform，可以用来制作简单的引导层动画。例如，可以使用@keyframes规则定义一个动画序列，然后将其应用到元素上。
css3的过渡和动画会阻塞线程么,为什么
因为过渡所需要时间与过渡延迟时间的单位都是秒，所以在合起来写transition的属性的时候，第一个time会解析为transiton-duration，第二个解析为transition-delay。
总结解决CSS3动画卡顿方案尽量使用transform做动画，避免使用height，width，margin，padding等；原因是： 根据定义，CSS 的transform属性不会更改元素或它周围的元素的布局。
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。
你好，这个问题应该是css兼容性问题导致的。
之后，预览div背景过渡效果，当鼠标放在div元素上面就会由深粉色过渡到暗蓝色，过渡时间是五秒钟（这里因为是静态图片，待会我会贴出源码）。
