css3妙用 刷新图标

从猫眼电影看到的一个图标

.geopos i:before {
    content: "";
    width: .8em;
    height: .8em;
    border: .14em solid #b7b7b7;
    border-top: .14em solid transparent;
    border-radius: 100%;
    position: absolute;
    top: .2em;
    -webkit-transform: rotate(45deg);
}

.geopos i:after {
    content: "";
    position: absolute;
    border: .3em solid transparent;
    border-left: .4em solid #b7b7b7;
    right: -.12em;
    top: 0;
}