Codepen 每周精选：22个页面特效（2018-5-2）

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。

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/...