摘要：原文地址：https://segmentfault.com/a/1190000015352436 修改后地址：https://scrimba.com/c/cqK3LaTQ 感想： 又一次见识到CSS的强大之处，当然MDN文档也是666； HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015339977 优化后效果地址：https://scrimba.com/c/c97Z2vuD 感想：消除了图片外的:hover触发过渡效果 HTML code： CSS code： 阅读全文

摘要：效果地址：https://scrimba.com/c/cbNkBnuV HTML code： CSS code： 阅读全文

摘要：效果地址：https://scrimba.com/c/cJ8NPpU2 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015327725 感想：原来边框还能这样玩--》做会眨眼的眼睛 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015316996 感想：动画加延时，white-space: pre; 保留HTML p 中刻意留下的空白。 HTML code： CSS code： 阅读全文

摘要：效果地址：https://scrimba.com/c/cQpDKkSN HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015313341 感想：主要运用边框、伪元素、动画。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015310484 感想：棋盘是 CSS 画的，棋子是 unicode 字符。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015305861 感想：关于两侧动画不在同一水平线上的原因是因为设置其多余高，旋转180度呈现的。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015295466 感想：重点在小球绕环转动。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015283286 感想：linear-gradient() 刷新了我的认知，它可以并列多个而不会被覆盖，并列使用时用 , 分开。 文档地址：http://www.runoob.com/cssref/func-linear 阅读全文

摘要：感想： 动画（角度）+ 定位。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015270808#articleHeader0 感想： 动画效果 + ::before + 2D转换 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015257561 感想：重点在让色彩滚动起来-》background-position: 0 1000vh; HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015246974 感想： 都是半圆边框合成的。 HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015236585 感想：遇到一个新东西-》/* inset： 插入 */ border: inset 0.2em silver; HTML code: CSS code: 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015221260 练习地址：https://scrimba.com/c/c3GEWmTb 感想： 原来animation 中可以有多个动画，用 , 分开即可！ HTML code： CSS code： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000015208027#articleHeader3 感想： 网格布局-》 display: grid; HTML code: CSS code: 阅读全文

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