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

纯 css 写行走的大象
https://codepen.io/FabioG/ful...

纯 css 画的 iphoneX
https://codepen.io/ahmedtarek...

通过道具表现响应式效果
https://codepen.io/vuild/full...

用 svg 写的线描画
https://codepen.io/lisilinhar...

信用卡生成器
https://codepen.io/supah/full...

登机证界面
https://codepen.io/supah/full...

纯 css 写的水族馆观察窗
https://codepen.io/FabioG/ful...

纯 css 写的铅笔动画
https://codepen.io/FabioG/ful...

页面切换动画效果
https://codepen.io/jhealey5/f...

展示视频列表和详情的界面
https://codepen.io/supah/full...

文字的出场和入场动画
https://codepen.io/supah/full...

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hbjcij101cb

Codepen 每日精选（2018-4-11）的更多相关文章

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

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

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

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 纯 css 画的抽象小鸟https://codepen.io/gregoryb/f... 纯 css 制作 ...

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

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

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

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

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

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

  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每日学习2018/1/11

    A.4 Python 关键字和内置函数 Python包含一系列关键字和内置函数,给变量命名时,知道这些关键字和内置函数很重要. 编程中面临的一个挑战是给变量指定合适的名称,变量名可以是任何东西,只要它 ...

随机推荐

  1. linux curl 的用法指南

    curl用法指南

  2. 构造方法__construct()与析构方法__destruct() 构造方法：刚出生时婴儿的啼哭 析构方法：老人临终时的遗言

    <?phpclass person{ var $name; var $sex; var $age;//构造方法 function __construct($name, $sex, $age) { ...

  3. think php 登录 （session+验证码）

    ..........表单页面 <!DOCTYPE html> {__NOLAYOUT__} <html lang="en"> <head> &l ...

  4. java面试：java基础、Io、容器

    1.java基础 1.JDK 和JRE有什么区别 ​ JDK:java开发工具包,java开发运行环境.包含了JRE. ​ JRE:java运行环境,包含java虚拟机,java基础类库. 2.jav ...

  5. Nginx解决跨域问题No 'Access-Control-Allow-Origin'

    使用nginx在server块下的location块下为请求添加请求头来解决跨域 add_header 'Access-Control-Allow-Origin' '*'; add_header 'A ...

  6. collections 数据类型扩展模块

    在内置数据类型(dict.list.set.tuple)的基础上,collections模块还提供了几个额外的数据类型:Counter.deque.defaultdict.namedtuple和Ord ...

  7. vue学习过程总结（03） - 菜鸟教程归纳

    1.模板语法 1.1.文本插值,数据绑定.{{}},如: <p>{{ message }}</p> 1.2.输出HTML代码.v-html,如: <div v-html= ...

  8. WinCE知识介绍

    学习WinCE基本开发的步骤: 1.了解WinCE发展史: 2.WinCE开发环境搭建:[软件工具+插件] 3.简单案例: 参考:http://blog.csdn.net/educast/articl ...

  9. 【模板】动态 DP

    luogu传送门. 最近学了一下动态dp,感觉没有想象的难. 动态DP simple的DP是这样的: 给棵树,每个点给个权值,求一下最大权独立集. 动态DP是这样的: 给棵树,每个点给个权值还到处改, ...

  10. bzoj3545/bzoj3551 [ONTAK2010]Peaks/Peaks加强版

    bzoj3545/bzoj3551 [ONTAK2010]Peaks/Peaks加强版 传送门:bzoj  bzoj wdnmd为什么加强版不是权限题原题却是啊 3545: [ONTAK2010]Pe ...