vue-ripple-directive
Version:
Vue Material Ripple Effect Directive
21 lines (20 loc) • 390 B
CSS
.ripple-container {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
pointer-events: none;
overflow: hidden;
}
.ripple-effect {
margin-top: 0px;
margin-left: 0px;
width: 1px;
height: 1px;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 50%;
pointer-events: none;
position:relative;
z-index: 9999;
}