37 lines
823 B
CSS
37 lines
823 B
CSS
|
|
||
|
|
.animated-gradient-text[data-v-12b8b11b] {
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: clamp(2rem, 8vw, 4rem);
|
||
|
|
background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59, #12c2e9);
|
||
|
|
background-size: 300% auto;
|
||
|
|
background-clip: text;
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
animation: gradient-12b8b11b 8s linear infinite;
|
||
|
|
}
|
||
|
|
.text-glow[data-v-12b8b11b] {
|
||
|
|
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
|
||
|
|
}
|
||
|
|
@keyframes gradient-12b8b11b {
|
||
|
|
0% {
|
||
|
|
background-position: 0% center;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: 300% center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fade-in-up[data-v-12b8b11b] {
|
||
|
|
animation: fadeInUp-12b8b11b 1.5s ease-out;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
@keyframes fadeInUp-12b8b11b {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|