公告

02 2019 档案

44.纯 CSS 创作背景色块变换的按钮特效

摘要：原文地址：https://segmentfault.com/a/1190000015192218 感想：伪元素作为背景变化。 HTML code： CSS code：阅读全文

posted @ 2019-02-28 16:55 人生与戏阅读(200) 评论(0) 推荐(0)

1.HTML+CSS写个8

摘要：感想：有点缺陷。效果地址：https://codepen.io/flyingliao/pen/QobdyE HTML code： CSS code：阅读全文

posted @ 2019-02-27 20:34 人生与戏阅读(210) 评论(0) 推荐(0)

43.纯 CSS 绘制一个充满动感的 Vue logo

摘要：原文地址：https://segmentfault.com/a/1190000015177284 感想：又有点回到boder的三角形 HTML code： CSS code：阅读全文

posted @ 2019-02-27 18:53 人生与戏阅读(225) 评论(0) 推荐(0)

42.纯 CSS 创作一个均衡器 loader 动画

摘要：原文地址： https://segmentfault.com/a/1190000015157160 感想：不难，最简单的动画。拓展地址： https://scrimba.com/c/cWqVv9hd 。 HTML code： CSS code：阅读全文

posted @ 2019-02-26 14:12 人生与戏阅读(249) 评论(0) 推荐(0)

41.纯 CSS 绘制一支栩栩如生的铅笔

摘要：原文地址： https://segmentfault.com/a/1190000015153865 感想：不难 HTML code: CSS code: 阅读全文

posted @ 2019-02-25 23:13 人生与戏阅读(382) 评论(0) 推荐(0)

1.如何在Cloud Studio上执行Python代码？

摘要：1.在python文件下新建python文件，输入文件名后按Enter键生成，比如： one.py . 2.简单输入python代码： print "haha" 3.打开左下角的终端，如果不是图中1，则另起一个窗口，按图中 2 的+ 号。 4.输入执行python代码文件路径, enter键后，搞定阅读全文

posted @ 2019-02-23 22:26 人生与戏阅读(2797) 评论(0) 推荐(0)

2.每个 HTML 文件里开头都有个<!DOCTYPE>

摘要：<!DOCTYPE> 位于文档中最前面的位置，告诉浏览器以哪个HTML版本进行解析。在 HTML5 中只有一种：<!DOCTYPE html> . 阅读全文

posted @ 2019-02-21 22:03 人生与戏阅读(456) 评论(0) 推荐(0)

39.纯 CSS 创作一个表达怀念童年心情的条纹彩虹心特效

摘要：原文地址：https://segmentfault.com/a/1190000015126240 HTML code: CSS code: 阅读全文

posted @ 2019-02-21 11:29 人生与戏阅读(156) 评论(0) 推荐(0)

38.纯 CSS 创作阶梯文字特效

摘要：原文地址：https://segmentfault.com/a/1190000015107942 HTML code： CSS code: 阅读全文

posted @ 2019-02-20 23:25 人生与戏阅读(248) 评论(0) 推荐(0)

37.1拓展之按钮特效

摘要：在线地址：https://scrimba.com/c/cWqNNnC2 HTML code: CSS code: 阅读全文

posted @ 2019-02-20 22:53 人生与戏阅读(158) 评论(0) 推荐(0)

37.如何把握好 transition 和 animation 的时序，创作描边按钮特效

摘要：原文地址：https://segmentfault.com/a/1190000015089396 拓展地址：https://scrimba.com/c/cWqNNnC2 HTML code: CSS code: 阅读全文

posted @ 2019-02-20 22:50 人生与戏阅读(196) 评论(0) 推荐(0)

36纯 CSS 动画原理，在页面上表现日蚀现象

摘要：原文地址：https://segmentfault.com/a/1190000015070543 感想：动画，背景颜色 HTML code: CSS code: 阅读全文

posted @ 2019-02-16 20:27 人生与戏阅读(155) 评论(0) 推荐(0)

35.在CSS中只用一个 DOM 元素就能画出国宝熊猫

摘要：原文地址：https://segmentfault.com/a/1190000015052653 感想: 真神奇！ HTML code： <div class="panda"></div> CSS code： html, body { margin: 0; padding: 0; height: 1 阅读全文

posted @ 2019-02-02 17:23 人生与戏阅读(219) 评论(0) 推荐(0)

34.纯 CSS 创作在文本前后穿梭的边框

摘要：原文地址： https://segmentfault.com/a/1190000015045700 感想：动画 + z-index:n ; HTML code： CSS code: 阅读全文

posted @ 2019-02-02 15:48 人生与戏阅读(208) 评论(0) 推荐(0)