08、CSS3过渡以及动画
生活随笔
收集整理的這篇文章主要介紹了
08、CSS3过渡以及动画
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#box{width: 150px;height: 150px;background: red;/*過渡屬性*//*transition: background 10s ease-in,width 10s ease-in;*/transition: all 10s ease-in 3s;}#box:hover{ background: blue;width: 300px;height: 400px;}</style>
</head>
<body><div id ="box"></div>
</body>
</html>
CSS3過渡
transtion:property duration timing-function delay
CSS3動畫
@keyframes 創建動畫
animationn:name duration timing-function delay inernation-count diretion
具體詳見：http://www.runoob.com/cssref/css3-pr-animation.html
總結
以上是生活随笔為你收集整理的08、CSS3过渡以及动画的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hdu 2853Assignment (
- 下一篇： Native崩溃说明 so库崩溃、SIG