业务需求,需要做一个打车软件,等车效果,于是用css3自己简单写了一个!分享出来大家参考!
<style>
.ea55_jiazaiquan{text-align: center;
position:relative;
width: 200px;
height: 200px;
}
.ea55_jiazaiquan_box{ opacity: 0;
border-radius:50%;
width: 40px; height: 40px;
-webkit-animation: scaleOut 3s 2s infinite ease;
animation: scaleOut 3s 2s infinite ease;
margin-top: 100px;
}
@-webkit-keyframes scaleOut {
0% {
transform: scale(1.0);
opacity: 1;
}
90% {
transform: scale(1.15);
opacity: 0;
width: 200px; height: 200px;
margin-top: 0px;
}
99% {
width: 40px; height: 40px;
opacity: 0;
}
100% {