css制作刷新图标

发布时间:2018年07月31日      浏览次数:230 次
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css制作刷新图标</title>
<style type="text/css">
.img_refresh{ width: 14px; height: 14px; margin:0px auto; margin-top:10px; border:2px currentColor solid; border-left:2px solid transparent; border-radius: 50%; position: relative;}
.img_refresh::after{ content: ""; width: 5px; height: 5px; border-bottom: 2px solid currentColor; border-left: 2px solid currentcolor; position: absolute; top: 11px; left: 0px; transform: rotate(80deg); }      
</style>
</head>
<body>
<div class="img_refresh"></div>
</body>
</html>
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!