按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。
纯 css 画的抽象小鸟
https://codepen.io/gregoryb/f...
纯 css 制作的左侧弹出菜单
https://codepen.io/plavookac/...
仿制 gmail 的页面布局
https://codepen.io/ispykenny/...
多边形碰撞检测，孤立的多边形是绿色，多边形容器相交变成蓝色，多边形本身相交变成红色。
https://codepen.io/osublake/f...
幻灯片切换效果，当点击缩略图时，缩略图会在设定好的路径上流动
https://codepen.io/lmgonzalve...
鼠标点击或按住鼠标拖拽时，屏幕上会出现几何形状，然后形状下落到屏幕底部消失。
https://codepen.io/zachhandin...
百科机器人，通过调用 wikipedia API，可以查询词条，也可以随机显示词条。
https://codepen.io/Becca941/f...
纯 css 制作的话剧海报
https://codepen.io/oliviale/f...
纯 css 画的胡子和眼睛可以动小老鼠
https://codepen.io/josbert/fu...
用 canvas 画的城市夜晚的高楼和夜空
https://codepen.io/fdsea/full...
用 div 画的气泡
https://codepen.io/lbenmore/f...
三角形波动特效
https://codepen.io/winkerVSbe...
在页面滚动时，用 svg 画出不同的动物
https://codepen.io/AliKlein/f...