拼接发光效果通常用于古典或复古主题网站的设计。如果您使用蓝色作为效果,您也可以将其称为牛仔效果,因为它看起来类似于经典的原始牛仔布。了解边界的径向梯度和虚线属性的概念是最好的效果之一。
方法:方法很简单,我们将使用 dashed 属性作为缝合效果,使用radial-gradient 作为发光效果。下面的代码是上述方法的实现。
例子:
Stiched Effect
在上面的例子中,我们有一个
元素,首先我们将它对齐到页面的中心,然后应用radial-gradient属性给它一个发光效果和边框虚线属性来给出缝合效果。 Border-radius 是完全可选的,它的使用取决于个人喜好。
输出: