• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.

Tweaks on the homepage animation

Rodolfo

⭐ Chevereto Godlike
Chevereto Staff
Administrator
To change the home animation you only need to override the CSS keyframes for the alleged animation and then putting the CSS in Dashboard > Settings > Theme (or via theme hooks if you want to store it as a .css file).

Example: Disable zoom but preserve fade in/out:
CSS:
@-webkit-keyframes slideshow {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slideshow {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes slideshow--alt {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes slideshow--alt {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

You can edit the keyframes at any % (you can add/remove steps) and add other effects or transitions.

Hope it helps!
 
Back
Top