@-webkit-keyframes circleIn{
0%{-webkit-transform:scale(0);opacity:0.4}
100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes circleIn{
0%{transform:scale(0);opacity:0.4}
100%{transform:scale(1);opacity:0}
}
.btn{position: relative; overflow: hidden;}
.btn:hover:before {
-webkit-animation: circleIn 0.3s linear;
animation: circleIn 0.3s linear;
display: block;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.btn:before{
content: '';
width: 200px;
height: 200px;
position: absolute;
border-radius: 50%;
background-color: #fff;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
display: none;
}
使用的时候在div上加上 btn 类名即可