mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-20 05:13:18 -07:00
try again
This commit is contained in:
parent
5d3ec5889c
commit
c4eeb61c34
3 changed files with 54 additions and 20 deletions
|
@ -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 */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue