css3动画简介.ppt

杨超 1 transition（过渡） 2 transform（变换） 3 animation（动画） 4 css3动画生成工具 5 css3动画库 transition（过渡） 1. transition-property 过渡的效果 CSS 属性的名称（width，height etc.） 2. transition-duration 完成过渡效果需要时间 3. transition-timing-function 过渡的速度曲线 4. transition-delay 过渡延迟 div{ -webkit-transition-property:width,height; -webkit-transition-duration:1s; -webkit-transition-timing-function:linear; -webkit-transition-delay:2s; /*简写*/ -webkit-transition:width 1s linear 2s; } div:hover{ width:200px; height:200px; } transition-property: none|all|property; -webkit-transition:all 1s ease-in-out; btn{ background:red;