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...
Codepen 每日精选（2018-3-24）的更多相关文章
- Codepen 每日精选（2018-4-22）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 图片切换效果https://codepen.io/AlikinVV/f... 基于 dom 的可换肤的自行 ...
- Codepen 每日精选（2018-3-31）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 制作像素画的画板https://codepen.io/abeatrize/... 纯 css 画的晚上的风 ...
- Codepen 每日精选（2018-4-4）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu... 线条简单的小 ...
- Codepen 每日精选（2018-4-6）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 按照画出的路线吃豆子的交互动画https://codepen.io/createjs/f... 模拟真实手 ...
- Codepen 每日精选（2018-4-11）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 纯 css 写行走的大象https://codepen.io/FabioG/ful... 纯 css 画的 ...
- Codepen 每日精选（2018-4-16）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 内容切换的交互效果https://codepen.io/jcoulterde... 报价卡片的交互效果ht ...
- Codepen 每日精选（2018-4-20）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 图书打开的交互效果https://codepen.io/jcoulterde... 进度条交互效果http ...
- Codepen 每日精选（2018-4-28）
按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 页面目录特效https://codepen.io/suez/pen/k... 选单交互效果https:// ...
- python中使用Opencv进行车牌号检测——2018.10.24
初学Python.Opencv,想用它做个实例解决车牌号检测. 车牌号检测需要分为四个部分:1.车辆图像获取.2.车牌定位.3.车牌字符分割和4.车牌字符识别 在百度查到了车牌识别部分车牌定位和车牌字 ...
随机推荐
- docker-docke安装和镜像仓库安装和管理
1.安装docker # yum install -y yum-utils device-mapper-persistent-data lvm2 # yum-config-manager \ --ad ...
- 解决 Page 'http://localhost:63342/v3/js/math/math.map' requested without authorization页面未授权问题
用webstorm调试页面时,老是弹出对话框说页面未授权,如下图: 解决方法尝试了两种都有效,感觉第一种是正解通用,第二种大家也可以了解一下作为参考 第一种: File--Settings如下图 第二 ...
- 『现学现忘』Docker相关概念 — 3、IaaS、SaaS、PaaS服务模式补充
目录 1.IaaS服务模式 2.PaaS服务模式 (1)何时使用PaaS (2)PaaS的特点 (3)PaaS优势 3.SaaS服务模式 云计算通俗来说就是输入/输出和计算不在一个主机上.计算要用到计 ...
- 面试官：Redis中哈希数据类型的内部实现方式是什么？
面试官:Redis中基本的数据类型有哪些? 我:Redis的基本数据类型有:字符串(string).哈希(hash).列表(list).集合(set).有序集合(zset). 面试官:哈希数据类型的内 ...
- js json.stringfy()和json.parse()的用法
1.JSON.parse;作用:将JavaScript对象表示法的JSON字符串转换为对象(字符串转对象)语法:JSON.parse(text [, reviver])text 必选. 一个有效的 J ...
- centeros 命令
一.查看系统时间.硬件时间 # date // 查看系统时间 #hwclock // 查看硬件时间 二.时间服务器上的时间同步的方法 安装ntpdate工具 # yum -y install ntp ...
- Net Framework 中托管代码与非托管代码的区别
托管代码与非托管代码的区别 1 简单的说,就是代码被编译成MSIL后在.net的Framework下运行,同操作系统底层的交互都交给framework去做. 所谓非托管代码就是脱离了Framework ...
- 为什么Arrays.asList() 不能使用其修改方法（阿里开发手册里明确说明）
Arrays.asList()方法把数组转换成集合时,不能使用其修改集合相关的方法,它的add/remove/clear方法会抛出UnsupportedOperationException(),我们来 ...
- ZYNQ SGI、PPI、SPI三种中断的实例（含代码）
ZYNQ中断分为3类: SGI(Software Generated Interrupts)软件中断 PPI(Private Peripheral Interrupts)私有外设中断 SPI(Shar ...
- contos配置国内yum源
contos配置国内yum源 前言 rpm管理软件包的命令,很难用,需要手动解决以来关系,所以最好用 yum 的理念是使用一个中心仓库(repository)管理一部分甚至一个distribution ...