16 lines
239 B
CSS
16 lines
239 B
CSS
.ripple {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
transform: scale(0);
|
|
opacity: 0.2;
|
|
animation: ripple-effect 0.8s linear;
|
|
background-color: currentColor;
|
|
}
|
|
|
|
@keyframes ripple-effect {
|
|
to {
|
|
transform: scale(4);
|
|
opacity: 0;
|
|
}
|
|
}
|