📜  如何使用 HTML 和 CSS 为按钮设计拼接发光效果?

📅  最后修改于: 2021-11-08 06:15:15             🧑  作者: Mango

拼接发光效果通常用于古典或复古主题网站的设计。如果您使用蓝色作为效果,您也可以将其称为牛仔效果,因为它看起来类似于经典的原始牛仔布。了解边界的径向梯度和虚线属性的概念是最好的效果之一。

方法:方法很简单,我们将使用 dashed 属性作为缝合效果,使用radial-gradient 作为发光效果。下面的代码是上述方法的实现。

例子:




  
  
  Stiched Effect
  
  


  


在上面的例子中,我们有一个

元素,首先我们将它对齐到页面的中心,然后应用radial-gradient属性给它一个发光效果和边框虚线属性来给出缝合效果。 Border-radius 是完全可选的,它的使用取决于个人喜好。

输出: