css3妙用刷新图标

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_30376163

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量744

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/jiangtuzi/p/5718258.html

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

.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;
}