62 lines
1.3 KiB
CSS
62 lines
1.3 KiB
CSS
/* ===================================================================
|
|
CurcuVance BioSciences - Micro-Animations & Keyframes
|
|
=================================================================== */
|
|
|
|
@keyframes pulseGlow {
|
|
0%, 100% {
|
|
box-shadow: 0 0 15px rgba(245, 158, 11, 0.25);
|
|
}
|
|
50% {
|
|
box-shadow: 0 0 28px rgba(245, 158, 11, 0.55);
|
|
}
|
|
}
|
|
|
|
@keyframes floatGentle {
|
|
0%, 100% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-6px);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(16px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.animate-float {
|
|
animation: floatGentle 4s ease-in-out infinite;
|
|
}
|
|
|
|
.animate-glow {
|
|
animation: pulseGlow 3s ease-in-out infinite;
|
|
}
|
|
|
|
.fade-in-entry {
|
|
animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
}
|
|
|
|
/* Scroll reveal utility classes */
|
|
.reveal {
|
|
opacity: 0;
|
|
transform: translateY(24px);
|
|
transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.reveal.active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.reveal-delay-1 { transition-delay: 0.1s; }
|
|
.reveal-delay-2 { transition-delay: 0.2s; }
|
|
.reveal-delay-3 { transition-delay: 0.3s; }
|
|
.reveal-delay-4 { transition-delay: 0.4s; }
|