ToB企服应用市场:ToB评测及商务社交产业平台
标题:
css实现线条中间高亮，左右两边模糊（linear-gradient的运用）
[打印本页]
作者:
金歌
时间:
2024-7-25 22:05
标题:
css实现线条中间高亮，左右两边模糊（linear-gradient的运用）
结果：
<div class="line"></div>
复制代码
.line {
height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #a9c2ff 50%, rgba(255, 255, 255, 0) 100%);
border-radius: 4px 4px 4px 4px;
}
复制代码
CSS实现边框底部渐变色的方法
最简朴的一种)
.item-box {
border-bottom: 1px solid;
border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00bbf2 20%, rgba(255, 255, 255, 0) 100%);
border-image-slice: 1;
}
复制代码
参考文章：
CSS实现边框底部渐变色的4种方法_css下边框渐变-CSDN博客
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4
最简朴的一种)