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/