应用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/