wow.js零基礎使用介紹

 

  1. wow.js依賴於animate.css,首先須要在 head內引入animate.css或者animate.min.css
  2. wow.js或者wow.min.js,而後js文件裏再寫一行代碼。
  3. 而後在div元素內添加相應的class類名就能實現相應的動畫啦

 

  具體詳細使用方法(類別的添加):css

  wow是必定要添加的;ide

   slideInLeft說明了動畫的樣式,是從左邊滑動出來的
   data-wow-duration(動畫持續時間)、 data-wow-delay(動畫延遲時間)、 data-wow-offset(元素的位置露出後距離底部多少像素執行)和 data-wow-iteration(動畫執行次數)這四個屬性可選可不選。
  
  固然還有更多的屬性,總結就是wow的動畫效果使用起來很是簡單好用,性價比點贊!(好比還有還有不少的動畫弧度等等的能夠到animate.css調整,更改源文件)
 
 
  wow官網:https://www.delac.io/wow/
相關文章
相關標籤/搜索