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

纯 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）的更多相关文章

  1. Codepen 每日精选（2018-4-22）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 图片切换效果https://codepen.io/AlikinVV/f... 基于 dom 的可换肤的自行 ...

  2. Codepen 每日精选（2018-3-31）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 制作像素画的画板https://codepen.io/abeatrize/... 纯 css 画的晚上的风 ...

  3. Codepen 每日精选（2018-4-4）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu... 线条简单的小 ...

  4. Codepen 每日精选（2018-4-6）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 按照画出的路线吃豆子的交互动画https://codepen.io/createjs/f... 模拟真实手 ...

  5. Codepen 每日精选（2018-4-11）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 纯 css 写行走的大象https://codepen.io/FabioG/ful... 纯 css 画的 ...

  6. Codepen 每日精选（2018-4-16）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 内容切换的交互效果https://codepen.io/jcoulterde... 报价卡片的交互效果ht ...

  7. Codepen 每日精选（2018-4-20）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 图书打开的交互效果https://codepen.io/jcoulterde... 进度条交互效果http ...

  8. Codepen 每日精选（2018-4-28）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 页面目录特效https://codepen.io/suez/pen/k... 选单交互效果https:// ...

  9. python中使用Opencv进行车牌号检测——2018.10.24

    初学Python.Opencv,想用它做个实例解决车牌号检测. 车牌号检测需要分为四个部分:1.车辆图像获取.2.车牌定位.3.车牌字符分割和4.车牌字符识别 在百度查到了车牌识别部分车牌定位和车牌字 ...

随机推荐

  1. Yarn 命令使用

    windows下安装方法: 1.下载安装包:直接下载.msi安装文件安装,下载地址 2.使用Chocolatey进行安装:Chocolatey是一个windows下的包管理器,可以通过在命令行下输入以 ...

  2. js和C# 编码 解码

    C#中对URL编码的方法... 编码:Server.UrlEncode(string) 解码:Server.UrlDecode(string) HttpUtility.UrlEncode(string ...

  3. linux-日常工作积累

    Linux常用命令之envsubst https://blog.csdn.net/banche163/article/details/101369495 Linux中的EAGAIN含义 https:/ ...

  4. 【python画圆】pip安装库时出现Read timed out.解决办法

    昨天第一次用python画圆,当时并没有安装numpy库(导入数据包)和matplotlib库(导入图形包),于是尝试用pip安装库 首先,我先更新了pip,如下图: 顺便附上成功截图: 然后安装nu ...

  5. 有关base64的作业

    1.有关Base64的介绍:Base64这个术语最初是在"MIME内容传输编码规范"中提出的.Base64不是一种加密算法,虽然编码后的字符串看起来有点加密的赶脚.它实际上是一种& ...

  6. linux作业--第三周

    1.统计出/etc/passwd文件中其默认shell为非/sbin/nologin的用户个数,并将用户都显示出来 [root@localhost ~]# cat /etc/passwd | grep ...

  7. SQL从零到迅速精通【数据库应用】

    数据库理论的研究主要集中于关系规范化理论和关系数据理论等.数据库技术与计算机技术的结合使得数据库中新的技术层出不穷.最初的数据库系统主要应用于银行管理.飞机订票等事务处理环境.后来渐渐应用于工程设计与 ...

  8. EasySwoole-ElasticSearch-Head启动

  9. 理解并手写 bind() 函数

    有了对call().apply()的前提分析,相信bind()我们也可以手到擒来. 参考前两篇:'对call()函数的分析' 和 '对apply()函数的分析',我们可以先得到以下代码: Functi ...

  10. windows2008R2重建索引

    windows索引服务 索引服务是一项系统服务(Indexing Service),使用文档筛选器读取整个文档,并提取文档和属性传递给索引程序,这个过程称为"索引".索引服务可以从 ...