Codepen 每週精選:22個頁面特效(2018-5-2)

comehope發表於2019-02-16

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

1. 觀影打分特效
https://codepen.io/PointC/pen…

2. 純 css 寫的騎自行車的動畫
https://codepen.io/dmaristem/…

3. 移動端選單特效
https://codepen.io/microfront…

4. 純 css 寫的漢諾塔遊戲
https://codepen.io/finnhvman/…

5. 給房間上色的互動效果
https://codepen.io/PointC/pen…

6. 用 canvas 寫的光纖花束動畫效果
https://codepen.io/cantelope/…

7. 白天和夜晚切換的效果
https://codepen.io/CameronFit…

8. 純 css 寫的描述4個設計師的動畫
https://codepen.io/miocene/pe…

9. 頁面閱讀導航條效果
https://codepen.io/blucube/pe…

10. 用 svg 畫的啤酒杯
https://codepen.io/jaggli/pen…

11. 內容切換效果
https://codepen.io/oliviale/p…

12. 測量頁面中任意區域的尺寸和角度
https://codepen.io/netsi1964/…

13. rgb 和 cmy 色彩模式原理對比
https://codepen.io/gcyrillo/p…

14. 拖拽色塊給頁面元素上色的互動效果
https://codepen.io/emilygoldf…

15. 移動端頁面切換效果
https://codepen.io/emilygoldf…

16. 處理列表選項的互動效果
https://codepen.io/emilygoldf…

17. 純 css 畫的潛水艇
https://codepen.io/emilygoldf…

18. 可以控制開頭的星球大戰鐳射劍
https://codepen.io/ispal/pen/…

19. 在場景下選擇商品的互動效果
https://codepen.io/ispal/pen/…

20. 水量倒數計時效果
https://codepen.io/ispal/pen/…

21. 選擇咖啡杯大小和泡沫多少的互動效果
https://codepen.io/ispal/pen/…

22. 多米諾骨牌動畫
https://codepen.io/ispal/pen/…

相關文章