如果用CSS实现一个渐变描边,同时保证可以实现圆角效果呢?

一种实现方式,可以巧妙使用transparent border,配合背景渐变色来实现。

See the Pen gradient border by Chan Xiaoye (@weibobuilder) on CodePen.

甚至,我们可以增加一些动画,让描边更加活泼

See the Pen gradient animate border by Chan Xiaoye (@weibobuilder) on CodePen.