Codepen 每日精选(2018-3-24)

Posted 10manongit

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Codepen 每日精选(2018-3-24)相关的知识,希望对你有一定的参考价值。

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

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

以上是关于Codepen 每日精选(2018-3-24)的主要内容,如果未能解决你的问题,请参考以下文章

Codepen 每日精选(2018-4-15)

Codepen 每日精选(2018-3-26)

Codepen 每日精选(2018-3-27)

Codepen 每日精选(2018-3-30)

Codepen 每日精选(2018-4-18)

Codepen 每日精选(2018-4-4)