Codepen 每週精選：21個頁面特效（2018-5-7）

按下右側的「點擊預覽」按鈕能夠在當前頁面預覽，點擊連接能夠打開原始頁面。

1. 飛機飛行 3d 效果
https://codepen.io/Zultan/pen...

2. 純 css 寫的小貓開燈關燈動畫
https://codepen.io/alvov/pen/...

3. 火箭飛行交互效果
https://codepen.io/davidlyons...

4. 側邊欄菜單特效
https://codepen.io/jscottsmit...

5. 儀表盤效果
https://codepen.io/filingroov...

6. 粘稠的汁液效果
https://codepen.io/shubniggur...

7. 純 css 畫的彩色圖案動畫
https://codepen.io/Tsankashvi...

8. 純 css 寫的盒子嵌套動畫
https://codepen.io/shshaw/pen...

9. 純 css 畫的小鳥
https://codepen.io/eliortabek...

10. 瓢蟲風格的計算器
https://codepen.io/ihatetoast...

11. 內容摺疊/打開效果
https://codepen.io/shshaw/pen...

12. 套圈動畫
https://codepen.io/gabrielmol...

13. 圖片邊框特效
https://codepen.io/shubniggur...

14. 用 svg 畫的城市風景
https://codepen.io/manchala/p...

15. 跟隨鼠標的胖蟲子
https://codepen.io/jacob/pen/...

16. 純 css 畫的小火車
https://codepen.io/mr_alien/p...

17. 純 css 畫的信息生產機
https://codepen.io/akashbijwe...

18. 頁面切換特效
https://codepen.io/suez/pen/J...

19. 純 css 畫的森林風光
https://codepen.io/saddamcrr7...

20. 太陽系各行星
https://codepen.io/jcoulterde...

21. 時鐘特效
https://codepen.io/RazvanDH/p...