try again

This commit is contained in:
Jamie Rees 2025-03-05 10:43:45 +00:00
commit c4eeb61c34
3 changed files with 54 additions and 20 deletions

View file

@ -469,17 +469,30 @@ footer {
flex: 1 1 300px;
}
/* Animation Classes */
.fade-in {
/* Animation Classes - Updated for better compatibility */
.fade-in, .slide-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform; /* Performance hint for browser */
}
.slide-up {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
transform: translateY(40px); /* More pronounced effect */
}
.fade-in.animated, .slide-up.animated {
opacity: 1;
transform: translateY(0);
}
/* Always show animations on mobile devices to avoid issues */
@media (max-width: 768px) {
.fade-in, .slide-up {
opacity: 1;
transform: translateY(0);
transition: none;
}
}
/* Responsive Design */