CSS如何实现0.5像素

&:after {

content:"";

position:absolute;

bottom:0;

left:0;

width:200%;

height:1px;

background-color:#E5E5E5;

-webkit-transform-origin:0 0;

-moz-transform-origin:0 0;

-ms-transform-origin:0 0;

-o-transform-origin:0 0;

transform-origin:0 0;

-webkit-transform:scale(0.5,0.5);

-ms-transform:scale(0.5,0.5);

-o-transform:scale(0.5,0.5);

transform:scale(0.5,0.5);

}


&:before{

content:"";

position:absolute;

top:0;

left:0;

width:200%;

height:200%;

border-radius:8px;

border:solid #db4840 1px;

-webkit-transform-origin:0 0;

-moz-transform-origin:0 0;

-ms-transform-origin:0 0;

-o-transform-origin:0 0;

transform-origin:0 0;

-webkit-transform:scale(0.5,0.5);

-ms-transform:scale(0.5,0.5);

-o-transform:scale(0.5,0.5);

transform:scale(0.5,0.5);

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

}

你可能感兴趣的:(CSS如何实现0.5像素)