2024年12月06日 建站教程
如何利用css3做一个盖章图标，下面web建站小编给大家详细介绍一下实现代码！
css3代码：
html,body {
width:100vw;
height:100vh;
margin:0;
padding:0;
}
.circle {
display:flex;
align-items:center;
justify-content:center;
position:absolute;
right:30px;
top:30px;
width:50px;
height:50px;
font-size:12px;
color:gray;
border-radius:50%;
border:2px solid rgba(0,0,0,0.2);
transform:scale(1) rotateZ(-35deg);
transition:all;
animation:rollingover 0.6s ease-in;
}
@keyframes rollingover {
0% {
opacity:0.1;
transform:scale(1) rotateZ(-35deg) rotateY(0deg);
}
50% {
opacity:0.5;
transform:scale(1.5) rotateZ(-35deg) rotateY(180deg);
}
100% {
opacity:1;
transform:scale(1) rotateZ(-35deg) rotateY(0deg);
}
}
.circle::after {
content:"";
display:block;
position:absolute;
width:40px;
height:40px;
border-radius:50%;
border:2px dotted rgba(0,0,0,0.2);
}
新建一个div.circle
本文链接：http://so.lmcjl.com/news/19075/