css两端淡出中间实色的分隔线

2022-01-1058次阅读css

两端透明中间是完整的颜色是一个比较常见的分隔线效果。

.hr {
    border: 0;
    padding-top: 1px;
    background: linear-gradient(to right, transparent, #d0d0d5, transparent);
}

 

上一篇: Clipboard API一行代码实现复制效果  下一篇: 使用Grid布局轻松实现元素层叠效果  

css两端淡出中间实色的分隔线相关文章