仅供快速参考，如果想了解更多相关内容，请参考阮老师的博客：http://www.ruanyifeng.com/blo...css中有3个词关于动画和变换很容易混淆一下，分别是transform（变换）、translate（翻译）、transition（过渡）其中transform和translate常见的有以下几种形式：.class{transform:translate(826px);}而transition用于CSS3动画，表示过渡效果1.transition.class1{transition:duration,另一组;}.complete{transition-property:height;过渡持续时间：1s；转换延迟：1s；transition-timing-function:ease;}2.animationanimation.class1如何写{animation:durationname;动画播放状态：播放状态；}duration:1sdelay:1sname:naming-function:linear|缓入|缓出|立方贝塞尔迭代计数：10|无限填充模式：转发|无|向后|双方向：正常|(n):步骤(2)|step(10)播放状态：runnin克|pausedkeyframe的写法@keyframesrainbow{0%{background:#c00;}50%{背景：橙色；}100%{背景：黄绿色；}}@keyframesrainbow{来自{背景：#c00;}50%{背景：橙色；}到{背景：黄绿色；}}
