maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.27 kB
CSS
.m-animated-text__root[data-v-a56c3360]{flex-wrap:wrap;display:inline-flex}.m-animated-text__word[data-v-a56c3360]{display:inline-flex}.m-animated-text__word-inner[data-v-a56c3360],.m-animated-text__last-word[data-v-a56c3360]{will-change:transform, opacity, filter;display:inline-flex;transform:translateZ(0)}.m-animated-text__last-word-inner[data-v-a56c3360]{display:inline-flex;position:relative}.m-animated-text__last-word-inner[data-v-a56c3360]:before{content:"";z-index:0;opacity:.4;--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[data-v-a56c3360]:is([class~=dark] *):before{opacity:.5}.m-animated-text__last-word-inner[data-v-a56c3360]:before{background-image:var(--maz-gradient-style)}.m-animated-text__last-word-inner-text[data-v-a56c3360]{position:relative}@keyframes slide-up-blur-a56c3360{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-a56c3360{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-a56c3360{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-a56c3360{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.maz-animate-slide-up-blur[data-v-a56c3360]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-a56c3360}.maz-animate-slide-down-blur[data-v-a56c3360]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-a56c3360}.maz-animate-slide-left-blur[data-v-a56c3360]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-a56c3360}.maz-animate-slide-right-blur[data-v-a56c3360]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-a56c3360}.maz-animate-slide-up-blur[data-v-a56c3360],.maz-animate-slide-down-blur[data-v-a56c3360],.maz-animate-slide-left-blur[data-v-a56c3360],.maz-animate-slide-right-blur[data-v-a56c3360]{opacity:0}