50 lines
762 B
CSS
50 lines
762 B
CSS
/* ============================================
|
|
Animations & Keyframes
|
|
============================================ */
|
|
|
|
@keyframes glow {
|
|
from {
|
|
filter: drop-shadow(0 0 2px rgba(118, 148, 185, 0.2))
|
|
drop-shadow(0 0 4px rgba(168, 85, 247, 0.2));
|
|
}
|
|
|
|
to {
|
|
filter: drop-shadow(0 0 4px rgba(118, 148, 185, 0.4))
|
|
drop-shadow(0 0 8px rgba(168, 85, 247, 0.4));
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes modalFadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes modalContentShow {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|