如何使div像星星一样,简易demo,授人以鱼,自行更改完善
生活随笔
收集整理的這篇文章主要介紹了
如何使div像星星一样,简易demo,授人以鱼,自行更改完善
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
直接上代碼
<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:red; animation:myfirst 5s linear infinite;}@keyframes myfirst { 0% {background:red; width:100px; height:100px;} 50% {background:yellow; width:150px; height:150px;} 100% {background:red; width:100px; height:100px;} }</style> </head> <body><div></div><p><b>注釋:</b>本例在 Internet Explorer 中無效。</p></body> </html>結果自行運行展示:
總結
以上是生活随笔為你收集整理的如何使div像星星一样,简易demo,授人以鱼,自行更改完善的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 网络安全公司奇安信集团是如何基于 Fli
- 下一篇: 想成为BAT中的一员,你总要去学点什么(