Jednoduchou animaci objektu vytvoříte přidáním kódu níže.
V kódu je vytvořená animace pohybu zleva doprava v plné šíři zobrazení.
Co si můžete lehce upravit?
Například délku animace v řádku 3) “animation“
Dále pak je možné upravit rozsah animace z levé, popřípadě z pravé strany.
selector img {
position: relative;
animation: slide-in 30s infinite;
}
@keyframes slide-in {
-0% {
left: -100%;
}
100% {
left: 100%;
}
}
TIP! – Kód pouze zkopírujte (nejlépe použitím aktivního odkazu vpravo nahoře s označením “Copy”) a vložte do objektu, na který jej chcete použít.
V Elementoru je to většinou vpravo nahoře v nastavení označené “Pokročilé”.
Následně pouze srolujte úpně dolu, a vždy je to poslední funkce s označením “Custom CSS”, nebo “Upravit CSS”.
© 2024 Všechna práva vyhrazena | Bear Hugs s.r.o.
Powered and Hosted by Bear Hugs s.r.o.