你還在用原生JS寫動畫?用了它效率翻倍

CSS 安利美特 動漫 菀德生活 2017-05-14

我們想在網頁上應用一些炫酷的動畫特效,如果原生手敲代碼的話,肯定要敲下長長的一段代碼,效率較低且需要考慮很多相關的旁枝末節,現在我們可以使用動畫神器——Animate.css,不僅能夠提升效率而且使用簡單,對小白猿也很友好,有著很多實用的動畫特效。

Animate.css是一個跨瀏覽器的CSS動畫庫,朋友們可以在這裡(https://daneden.github.io/animate.css/)訪問下載文件。

使用Animate.css也異常簡單,只需要簡單的兩個步驟:

  • 引用animate css文件

<head>

<link rel="stylesheet" href="animate.min.css">

</head>

  • 給指定的元素加上指定的動畫樣式名

<div class="animated swing"></div>

你還在用原生JS寫動畫?用了它效率翻倍

你還在用原生JS寫動畫?用了它效率翻倍

你還在用原生JS寫動畫?用了它效率翻倍

相關推薦

推薦中...