css3新属性partD

对于页面的交互效果，css3为咱们提供了更多的动画选择：
过渡transition属性：
语法：transition： CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0)

除了上述统一的写法也能够分开写：
transition-property: width;（变型的css属性）
transition-duration: 1s;（变形维持的时间）
transition-timing-function: linear;（动做的快慢曲线）
transition-delay: 2s;（动做延迟的时间）

transform属性:
顾名思义的是元素的一种变形动做，这个属性咱们结合过渡属性来一块儿看效果会更好，上代码！

平台不能截取gif图片因此你们能够本身试一下代码
还有不少关于变形属性的知识点，因为篇幅缘由不是很能讲完 传送门

css3复杂动画，animation标签和keyframes，其实不少人都说这个点比较复杂难理解，可是我以为在设计模式上是比较好理解的

这个动做体的意思是从红色到黄色，执行这个动做体的时间是匀速进行5秒钟
咱们还能够经过这个来决定若干个元素在页面上的走向

从页面的左边匀速移动到距离距离上边框30px距离左边框30px的距离 在学过js以后咱们也能够经过js去作到同样的效果，可是性能的消耗远远赶不上css3的动做具体缘由在咱们讲到js动画的时候会介绍。