美文网首页
使用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