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“.
