1.按鈕、hover、input動畫（cssfx)

https://cssfx.dev/

?

2.svg 矢量定制icon（ikonate）

https://www.ikonate.com/#content

?

?

?3.圖片濾鏡（Instagram.css）

? ? ? ?https://picturepan2.github.io/instagram.css/

?

?4.css樣式合集（csstriks）

? ? ??https://qishaoxuan.github.io/css_tricks/accordion/

?

5. HTML5 Tricks :?https://www.html5tricks.com/category/html5-demo

?1) 書本翻頁效果

https://www.html5tricks.com/css3-page-flip.html

2) 手風(fēng)琴下拉菜單

https://www.html5tricks.com/css3-accord-menu-mult-flip.html

3) jq動畫下拉菜單

https://www.html5tricks.com/jquery-custom-menu-content.html

4) 圖片懸停放大特效

https://www.html5tricks.com/css3-image-float-zoomin.html

5) 鼠標(biāo)點擊爆炸效果

https://www.html5tricks.com/jquery-css3-explosion.html

? ?

6) 響應(yīng)式橫向菜單欄

https://www.html5tricks.com/css3-responsive-slide-menu.html

7) Canvas波浪動畫

https://www.html5tricks.com/html5-wave-animation.html

8) 倒計時時鐘

https://www.html5tricks.com/css3-clock-count.html

9) 過山車動畫

https://www.html5tricks.com/html5-svg-shanche-animation.html

10) 動態(tài)改變數(shù)值

https://www.html5tricks.com/css3-range-input-bar.html

11) 五彩文字

https://www.html5tricks.com/css3-colorful-text-shadow.html

12) 折疊發(fā)光表單

https://www.html5tricks.com/css3-show-search-form.html

?

6. 45種css形狀

https://www.techug.com/post/45-css-shapes.html

?

7.交互式簡歷

演示地址:https://www.strml.net/

GitHub源碼:https://github.com/STRML/strml.net/blob/master/app.js

8.科技范背景

http://www.bootstrapmb.com/item/4201/preview

?

?

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的css炫酷动画收藏的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。