CodePen有很多出众的前代码片段，设计师或喜欢前端的人员可以都可能常去那边寻找灵感或学习一些代码的运用。CodePen放出2015年度最热门的100个代码片段，很多代码确实很赞，大家不要错过哦，下面我们筛选几个给大家欣赏。
加载会比较慢，要有耐心哦。
Chill the lion
很可爱的筛子，按住鼠标左键风车会转动哦。
pen#PwLXXP
用代码写的一个教学视频教程，一边code，一边绘制一个心形图案。
DaftPunKonsole
一个小游戏，但没研究出怎么玩？连成一个句子吗？
Elastic SVG Sidebar Material Design
一个SVG侧边栏，那个弹性动画很NICE.
10 stylish hover effects with less
10个文字HOVER特效，那个像游览一样的效果场景很适当。
Gooey Menu
菜单效果
MOTION for the web
文字动画，字好看，动画也好看。
10 stunning hover effects with scss
10个文字应用特效
Bubble • Layout
Flipside
这个弹窗的交互很赞呢。
其它代码片段中也有很多惊艳或者实用的案例，请前往Codepen网站查看。
网站名称：The most hearted of 2015
网站地址：http://codepen.io/2015/popular/pens/
本文转自：设计达人 http://www.shejidaren.com/codepen-top-100-of-2015.html
