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

纯 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. JZ-015-反转链表

    反转链表 题目描述 输入一个链表,反转链表后,输出新链表的表头. 题目链接: 反转链表 代码 /** * 标题:反转链表 * 题目描述 * 输入一个链表,反转链表后,输出新链表的表头. * 题目链接: ...

  2. [ Skill ] load 函数优化，识别相对路径

    https://www.cnblogs.com/yeungchie/ 在 cds.lib 文件中定义库的路径,为了规范库定义的管理,经常这样做: . |-- cds.lib ------------- ...

  3. 微信小程序清除缓冲

    1:wxml定义一个清除缓冲的按钮,并绑定触摸事件 <button bindtap="clear">清空缓冲</button> 2:wxjs定义方法: // ...

  4. 『现学现忘』Docker基础 — 27、Docker镜像的commit操作

    目录 1.commit命令作用 2.commit命令说明 3.示例演示 1.commit命令作用 在运行的容器中,并在镜像的基础上做了一些修改,我们希望保存起来,封装成一个新的镜像,方便我们以后使用, ...

  5. Apache BeanUtils与Spring BeanUtils性能比较

    在我们实际项目开发过程中,我们经常需要将不同的两个对象实例进行属性复制,从而基于源对象的属性信息进行后续操作,而不改变源对象的属性信息,比如DTO数据传输对象和数据对象DO,我们需要将DO对象进行属性 ...

  6. Redis运维实战之集群中的脑裂

    1.对于分布式Redis主从集群来说,什么是脑裂? 所谓的脑裂,就是指在主从集群中,同时有两个主节点,它们都能接收写请求.而脑裂最直接的影响,就是客户端不知道应该往哪个主节点写入数据,结果就是不同的客 ...

  7. luoguP4383 [八省联考2018]林克卡特树(树上dp，wqs二分)

    luoguP4383 [八省联考2018]林克卡特树(树上dp,wqs二分) Luogu 题解时间 $ k $ 条边权为 $ 0 $ 的边. 是的,边权为零. 转化成选正好 $ k+1 $ 条链. $ ...

  8. 论文翻译：2021_Acoustic Echo Cancellation with Cross-Domain Learning

    论文地址:https://graz.pure.elsevier.com/en/publications/acoustic-echo-cancellation-with-cross-domain-lea ...

  9. protocol 协议语言介绍

    Protocol Buffer是Google提供的一种数据序列化协议,是一种轻便高效的结构化数据存储格式,可以用于结构化数据序列化,很适合做数据存储或 RPC 数据交换格式.它可用于通讯协议.数据存储 ...

  10. vector存放边的方法

    #include<bits/stdc++.h> using namespace std; struct Edge{ int x; int y; }; vector <Edge> ...