首页 > Web开发 > 详细

css3缩放功能实现0.5px的边框

时间:2016-03-11 15:23:49      阅读:395      评论:0      收藏:0      [点我收藏+]

0.5px 的像素在移动端的要求还是需要的。

在网上找了一个具体的实现办法,核心就是css3的缩放功能。

 

加box-sizing:border-box;是为了边框可以一起缩放。

.border:after{
        content: "";
        position: absolute;
        border: 1px solid red;
        width: 200%;
        height: 200%;
        transform: 0 0;
        transform: scale(0.5,0.5);
        box-sizing: border-box;
    }


css3缩放功能实现0.5px的边框

原文:http://www.cnblogs.com/upcircle/p/5265800.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!