这部分代码略。

之前刚上掘金lv4的时候，有小伙伴就调侃树酱说，“树酱君，你要“女装”呀”（啊呆你看你带的好节奏），树酱我这一个180的大壮汉女装是见不得人的，还是不要玷污社区这一片净土。于是我换一种文明点的形式，树酱君一直很喜欢音乐，平时唱歌🎤也是我生活中不可缺少的一种乐趣，一首周杰伦的《…

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs

最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现： 很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常

利用css中border-image和linear-gradient分别实现底部边框渐变效果、右侧边框渐变效果。

看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div来分别实现上下左右的边框效果，虽然可行，但是要添加四个额外元素，有点儿得不偿失的感觉。难道就没有更好的解决方案了... 就在我绞尽脑汁的时候，灵光…