CSS實現大於號箭頭,而不是直接使用鍵盤上的尖括號“>”
代碼如下:
.back:after {
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: relative;
position: absolute;
}
在這個方法中,是用到了matrix這個CSS3的屬性,對於這個屬性,可以參考理解CSS3 transform中的Matrix(矩陣)這篇文章。
具體結果截圖如下: