css - 疑似を使用した CSS トライアングルの適用

Question

純粋なcssでリロードアイコンを作成できましたが、一部のシステムで壊れる可能性のある文字を使用しています。css で三角形を作成できること、およびそれを疑似要素に適用できることは知っていますが、リロード アイコンの結果を再現できませんでした。

ここでそれをいじってください。

Answer 1

どうですか

.reload.b::before {
    content:'';
    top: -4px;
    left: 3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid grey;
    z-index: 1;
}

デモ http://jsfiddle.net/xas5w/2/