八個解決你80%需求的CSS影片庫
點擊打開視頻講解
在學習和作業的程序中，我們總免不了要寫各種各樣的css影片，給某個部分添加影片效果，如果覺得自己寫的影片效果單一乏味，不妨試試這8個CSS影片庫，值得收藏使用，
一、hover.css
開箱即用的滑鼠懸停影片，支持的影片型別有：
- 2D Transitions （2D過度）
- Background Transitions （背景過度）
- Icons Transitions （圖示過度）
- Border Transitions （邊框過度）
- Shadow and Glow Transitions（陰影過度）
- Speech Bubbles （氣泡效果過度）
- Curls （卷積過度）
二、Animate.css
一款跨瀏覽器的簡單便捷的CSS影片庫
提供了非常豐富的影片效果，目前很多開源專案都用到了它
H5-Dooring和DooringX也內置了很多它的影片效果
三、Magic.css
gitLab
影片效果非常震撼，如果大家想做一個比較炫酷的網站，可以參考使用這款css庫
四、CSShake.css
一個能夠提供震動和晃動Dom元素的CSS庫
在移動端模仿手機震動，QQ視窗震動
五、hint.css
一個用純 css 和 html 實作的提示庫. 體積超級小, 對于一些位置固定的提示場景, 非常有用,
不用擔心包體積過大的煩惱~
六、kite.css
一個兼容性極好且靈活的布局 css 庫. 使用inline-block，基于 OOCSS 和 MindBEMding, 可以
幫助我們快速構建組件.
七、Three Dots
Three Dots是一組CSS加載影片，它由三個點組成，而這些點僅由單個元素組成，
用法
只需創建一個div元素，并添加影片的名稱
<div ></div>
八、Angrytools
如果使用不同的生成器，Angrytools實際上是一個集合，其中還包括CSS影片生成器，
它可能不像Animista那么復雜，這個站點還提供了一些自定義影片的特性，比如影片的持續時間
或延遲，
還可以在其展示時間軸上添加自定義的keyframes，然后可以直接在其中撰寫代碼， 另外，也可以
編輯現有的，
當完成的時候，可以得到完整的影片代碼，也可以下載它，轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/501818.html
標籤：其他
上一篇：關于重繪和回流的決議
下一篇：vue和java圖片上傳