maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.43 kB
CSS
.m-animated-text__root[data-v-70674d43]{flex-wrap:wrap;display:inline-flex}.m-animated-text__word[data-v-70674d43]{display:inline-flex}.m-animated-text__word-inner[data-v-70674d43],.m-animated-text__last-word[data-v-70674d43]{will-change:transform,opacity,filter;display:inline-flex;transform:translateZ(0)}.m-animated-text__last-word-inner[data-v-70674d43]{display:inline-flex;position:relative}.m-animated-text__last-word-inner-gradient[data-v-70674d43]{background-image:linear-gradient(to right,var(--maz-tw-gradient-stops));--maz-tw-gradient-from:hsl(var(--maz-primary)/1)var(--maz-tw-gradient-from-position);--maz-tw-gradient-to:hsl(var(--maz-secondary)/1)var(--maz-tw-gradient-to-position);--maz-tw-gradient-stops:var(--maz-tw-gradient-from),hsl(var(--maz-info)/1)var(--maz-tw-gradient-via-position),var(--maz-tw-gradient-to);opacity:.3;--maz-tw-blur:blur(16px);width:100%;height:100%;filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);position:absolute;inset:0}.m-animated-text__last-word-inner-text[data-v-70674d43]{position:relative}@keyframes slide-up-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-70674d43{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.maz-animate-slide-up-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-70674d43}.maz-animate-slide-down-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-70674d43}.maz-animate-slide-left-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-70674d43}.maz-animate-slide-right-blur[data-v-70674d43]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-70674d43}.maz-animate-slide-up-blur[data-v-70674d43],.maz-animate-slide-down-blur[data-v-70674d43],.maz-animate-slide-left-blur[data-v-70674d43],.maz-animate-slide-right-blur[data-v-70674d43]{opacity:0}