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

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

 

css3 动画技巧：
在开始的时候如果想在某个属向上写动画，就在该元素的属性上加上最初的属性。left：0px；

transform：；中间可以家多个属性，而不能些多个tansform；

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

如果不写animation-timing-function，会出现卡顿的情况。

 

加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;
    }