@-webkit-keyframes name{ 0%{ opacity:0; } 100%{ opacity:1; } } 前缀-webkit-表示webkit内核浏览器(Chrome、Safari和变心的opera),以上代码定义了一个动画,名叫name,效果是使透明度从0变化到1,0%~100%为整个过程,当然也可以定义多段如:0%~20~50%~100%。 第二个参数:keeping-time (animation-duratio...
@keyframes 帧动画 与普通css一样 .box width:100px height:100px background:#f40 animation:run3s @keyframesrun 0% width:100px 33% width:160px 67% width:120px 100% width:100px 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. @font-face 字体引入与普通css一样 @font-face ...