nuxt-ripple
Version:
Add simple ripple effects to your elements
1 lines • 474 B
CSS
[data-ripple-bound=true]{position:relative}[data-ripple-bound=true] .nuxt-ripple-animation{border-radius:100%;content:"";display:block;height:calc(var(--d)*1px);left:calc(var(--x)*1px);opacity:calc(var(--o, 1)*1);pointer-events:none;position:absolute;top:calc(var(--y)*1px);transform-origin:center;width:calc(var(--d)*1px);z-index:9999}[data-ripple-bound=true].nuxt-ripple-pulse .nuxt-ripple-animation{left:50%;top:50%}[data-ripple-overflow=true]{overflow:visible}