美文网首页
使用css3做0.5px的细线

使用css3做0.5px的细线

作者: Wo信你个鬼 | 来源:发表于2019-10-11 11:10 被阅读0次

使用缩放

html代码

<div class="bd-t"></div>

css代码:

.bd-t{
  position:relative;
}

.bd-t:after{
  content: "  ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  /* 如果不用 background-color, 使用 border-top:1px solid #e0e0e0; */
  -webkit-transform: scaleY(.5);
  transform:scaleY(.5);
}

网站

[https://blog.csdn.net/tyro_java/article/details/52013531](https://blog.csdn.net/tyro_java/article/details/52013531)

相关文章

网友评论

      本文标题:使用css3做0.5px的细线

      本文链接:https://www.haomeiwen.com/subject/ahudyctx.html