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