Codepen 每週精選:值得收藏的24個頁面特效(2018-5-21)

comehope發表於2019-02-16

按下右側的“點選預覽”按鈕可以在當前頁面預覽,點選連結可以開啟原始頁面。

1. 像遊戲一樣精美的動畫表單
https://codepen.io/airnan/pen…

2. 純 css 寫的抽屜效果
https://codepen.io/jh3y/pen/m…

3. 純 css 畫的 iphone X
https://codepen.io/Wujek_Greg…

4. 純 css 寫的炫目動畫效果
https://codepen.io/Tsankashvi…

5. 用 p5 寫的氣流蒸騰的效果
https://codepen.io/scorch/pen…

6. 用 canvas 寫的可以響應滑鼠的幾何圖形
https://codepen.io/2Mogs/pen/…

7. 圖片集的 UI
https://codepen.io/arthurcama…

8. 純 css 寫的 BB-8 動畫
https://codepen.io/miocene/pe…

9. 模擬微生物的動畫
https://codepen.io/scorch/pen…

10. 頁面中的元素都“看著”滑鼠的效果
https://codepen.io/plasm/pen/…

11. 用 canvas 寫的很有視覺衝擊力的粒子效果
https://codepen.io/cvaneenige…

12. 用 canvas 寫的動物奔跑的效果
https://codepen.io/hankuro/pe…

13. 一組手寫風格的 ui 元件
https://codepen.io/cobra_winf…

14. 響應滑鼠移動速率的的互動效果
https://codepen.io/shshaw/pen…

15. 自動生成樹的演算法
https://codepen.io/tsmith-dep…

16. 形似陰陽圖案的動畫
https://codepen.io/a-jie/pen/…

17. 夜空中的粒子特效
https://codepen.io/a-jie/pen/…

18. 模擬海洋生態的遊戲
https://codepen.io/fleemaja/p…

19. 隨機生成的幾何背景圖案
https://codepen.io/yuanchuan/…

20. 用 svg 畫的飛機在海面的卡通畫
https://codepen.io/alaricweb/…

21. 溫度計形式的資料視覺化效果
https://codepen.io/chrisganno…

22. 在山洞隧道中的效果
https://codepen.io/shubniggur…

23. 用 svg 畫的海灘卡通畫
https://codepen.io/jackharner…

24. 圖片淡出效果
https://codepen.io/jh3y/pen/W…

相關文章