Fórum > HTML > pomalu objevující se obrázek

pomalu objevující se obrázek

Autor: negar2000 (parsaya.borec.cz)
Datum: 8.7. 2018 09:24
Můžete mi prosím napsat ukázkový skript toho, jak se zničeho nic pomalu objeví obrázek a pak zase pomalu zmizne? 

Něco jako je na stránce www.gaiaonline.com ten objevující se a mizící avatar (Featured Avatar). 
Autor: Teddie (Podpora)
Datum: 8.7. 2018 10:39
Třeba vám pomůže stránka https://www.w3schools.com/howto/default.asp
Autor: MSpi (mspi.wz.cz)
Datum: 9.9. 2018 16:40
Tohoto lze snadno dosahnout pomoci CSS:

img {
    animation-name: prechod;
    animation-duration: 10s;
}

@keyframes prechod {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}

V tomto pripade by animace trvala 10 sekund, 2.5 s by se obrazek objevoval, pak by 5 s vydrzel zobrazeny, a pak zase 2.5 s mizel. Je mozne upravit procenta (z delky animace) a dle libosti jim priradit hodnoty.
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tím souhlasíte. Další informace