Spaces:
Build error
Build error
File size: 1,322 Bytes
75fefa7 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 | /* Animation Utilities */
/* Cursor blink animation */
.cursor {
animation: cursor-blink 0.7s infinite;
}
@keyframes cursor-blink {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
/* Reverse spin */
.animate-spin-reverse {
animation: spin-reverse 1s linear infinite;
}
@keyframes spin-reverse {
from {
transform: rotate(360deg);
}
}
/* Fire-inspired animations */
.animate-flicker {
animation: flicker 2s ease-in-out infinite;
}
@keyframes flicker {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.8;
transform: scale(0.98);
}
}
.animate-glow {
animation: glow 2s ease-in-out infinite;
}
@keyframes glow {
0%, 100% {
box-shadow: 0 0 20px rgba(250, 93, 25, 0.5);
}
50% {
box-shadow: 0 0 40px rgba(250, 93, 25, 0.8);
}
}
/* Smooth transitions */
.transition-all {
transition: all 0.3s ease;
}
.transition-colors {
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.transition-transform {
transition: transform 0.3s ease;
}
.transition-opacity {
transition: opacity 0.3s ease;
}
/* Animation delays */
.delay-100 {
animation-delay: 100ms;
}
.delay-200 {
animation-delay: 200ms;
}
.delay-300 {
animation-delay: 300ms;
}
.delay-400 {
animation-delay: 400ms;
}
.delay-500 {
animation-delay: 500ms;
} |