摘要：交互效果地址：https://scrimba.com/c/cEwREJs6 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014876348 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014858628 感想： 利用四个span的::before 和 ::after创出多个WEB，给其颜色，绝对定位，再利用z-index: n；突出显示的优先级。 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014842868 简化版地址：https://scrimba.com/c/cgaZLh6 感想：笨蛋，想不出自己的东西。。。 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014837536 感想： 网格grid 又来了； fr ： （剩余空间长度）单位， 1.当(50px,nfr),nfr代表除50px剩余的长度， 2.当(nfr,mfr), 长度之比 n:m ; n+m=总长度。 HTM 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014836748 感想： 把原元素隐藏，利用伪元素::before 和 ::after 各取上下一半 clip-path 切割图片 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014818274 感想： positon：absolute 和 :hover HTML代码: CSS代码： 阅读全文

摘要：效果地址：https://codepen.io/flyingliao/pen/ebjEMm?editors=1100 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014807564 感想： 这个特效不难，但是这想法可能想不到，哈哈，怎么又废了。 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014785816 感想：边框是伪元素::after来的； HTML代码： CSS代码： 阅读全文

摘要：原文代码：https://segmentfault.com/a/1190000014768534#articleHeader1 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014751037 HTML代码: CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014734039 感想：伪元素::before ::after 真的很强大，动画也是。 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014719591 总结：三部分组成，原文透明，左右都与原文重叠（绝对定位），但左右各取相应一部分。 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014700727 HTML代码： CSS代码： 阅读全文

摘要：（2018/12/21 0:21 使用推荐插入代码功能报错）效果图： HTML代码： <div class="circle"></div> CSS代码： html, body, .circle{ height: 100%; display: flex; justify-content: center 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014682999 想到了扇形：正方形 -》border-radius: 50%; -》取四份中的任意一份。 不过如何取任意相关圆心角的扇形呢？ HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014680999 吃鸡倍镜，哈哈哈 HTML代码： CSS代码： 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014669547 右边多出来的是 ：after 的border HTML代码： CSS代码： /* 充电图像大小 */ 阅读全文

摘要：原文地址：https://segmentfault.com/a/1190000014663038 感想：简单的从右到左动画 HTML代码： CSS代码： 阅读全文