尾部变细的细线

最新推荐文章于 2024-11-18 08:41:09 发布

令主

最新推荐文章于 2024-11-18 08:41:09 发布

阅读量138

点赞数

分类专栏： css 文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_45806814/article/details/129163002

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这段代码定义了一个名为.search-line的CSS类，用于创建一个1像素宽，28像素高的线条，具有渐变背景色，从白色渐变到#c1c4c6的51%位置，再回到白色。线条的透明度为0.5，适用于搜索框或其他界面元素的分隔。

摘要由CSDN通过智能技术生成

效果：在这里插入图片描述

<div class="search-line"></div>

  .search-line {
			width: 1px;
			height: 28px;
			margin-right: 16px;
			/* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(51%, #c1c4c6), to(#fff)); */
			/* background-image: -o-linear-gradient(top, #fff, #c1c4c6 51%, #fff); */
			background-image: linear-gradient(180deg, #fff, #c1c4c6 51%, #fff);
			opacity: .5;
		}