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

纯 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…

音乐播放器界面
https://codepen.io/Grandvince…