网页动画

使用CSS3中2D变形分别可以操作元素的哪些效果？

translate()：平移函数，基于X、Y坐标重新定位元素的位置

scale()：缩放函数，可以使任意元素对象尺寸发生变化

rotate()：旋转函数，取值是一个度数值

skew()：倾斜函数，取值是一个度数值

要使用CSS3过渡，有哪些触发方式？

1.伪类触发 ：hover ：active ：focus ：checked

2.媒体查询：通过@media属性判断设备的尺寸，方向等

3.JavaScript触发：用JavaScript脚本触发

使用CSS3动画属性实现动画的步骤是什么？

在默认样式中声明元素的初始状态样式 声明过渡元素最终状态样式，如悬浮状态 在默认样式中通过添加过渡函数，添加一些不同的样式

CSS3过渡和CSS3动画制作的动画有什么区别？

1.CSS3过渡{

过渡通过一些CSS的简单动作触发样式平滑过渡 浏览器对过渡属性的支持情况，并根据不同浏览器添加前缀 过渡属性的使用 过渡的触发机制

}

2.CSS3动画[

animation属性中通过调用关键帧声明的动画实现一个较复杂的动画效果 浏览器对动画属性的支持情况，并根据不同浏览器添加前缀

]

动画的使用过程{

使用@keyframes制作关键帧 用animation调用@keyframes声明的关键帧

}