CSS實現“大於號”或“小於號”箭頭


CSS實現大於號箭頭,而不是直接使用鍵盤上的尖括號“>”

代碼如下:

.goBack:before {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #000;
    border-style: solid;
    -webkit-transform: matrix(-0.71, 0.71,0.71, 0.71, 0, 0);
    transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0);
    position: absolute;
}

  在這個方法中,是用到了matrix這個CSS3的屬性,對於這個屬性,可以參考理解CSS3 transform中的Matrix(矩陣)這篇文章。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM