摘要:
原文地址:https://segmentfault.com/a/1190000014734039 感想:伪元素::before ::after 真的很强大,动画也是。 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代码: 阅读全文
摘要:
原文地址:https://segmentfault.com/a/1190000014652116 HTML代码: CSS代码: 阅读全文
摘要:
原文地址:https://segmentfault.com/a/1190000014638655 HTML代码: CSS代码: JS代码: 阅读全文
|