如何用 CSS 实现中间细条渐变？

发布日期： 2024-10-26 阅读量： 作者： 网络

如何用 css 实现中间细条渐变？

利用 css 实现中间细条渐变

有这样一个问题：如何实现一个类似本文标题所描述的中间细条渐变？

这个问题的答案可以通过使用 css 中的线性渐变来实现。具体代码如下：

.line-horizontal{
  width:100px;
  height:1px;
  background:linear-gradient(244deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
}

# css

上一篇: mpvue如何开发微信小程序？基础知识介绍

如何用 CSS 实现中间细条渐变？

随便看看