HTML5高级工程师之CSS3-animation动画.pptxVIP

CSS3动画 后盾网 2011-2015;animation: ? Animation只应用在页面上已存在的DOM元素上，而且他跟Flash和 JavaScript以及jQuery制作出来的动画效果又不一样，因为我们使用CSS3的 Animation制作动画我们可以省去复杂的js,jquery代码。 Keyframes ? keyframes即关键帧。Keyframes具有其自己的语法规则，他的命名是由 “@keyframes”开头，后面紧接着是这个“动画的名称”加上一对花括号 “{}”，括号中就是一些不同时间段样式规则，有点像我们css的样式写法一 样。对于一个“@keyframes”中的样式规则是由多个百分比构成的，如 “0%”到“100%”之间，我们可以在这个规则中创建多个百分比，我们分 别给每一个百分比中给需要有动画效果的元素加上不同的属性，从而让元素达 到一种在不断变化的效果，比如说移动，改变元素颜色，位置，大小，形状等， 不过有一点需要注意的是，我们可以使用“fromt”“to”来代表一个动画是 从哪开始，到哪结束，也就是说这个 “from”就相当于“0%”而“to”相 当于“100%”，值得一说的是，其中“0%”不能像别的属性取值一样把百 分比符号省略。;animation: animation: name duration timing-function delay