Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze | Poslední revizeObě strany příští revize | ||
krouzek:slideshow [2020/02/12 16:45] – admin | krouzek:slideshow [2020/02/12 17:19] – admin | ||
---|---|---|---|
Řádek 69: | Řádek 69: | ||
</ | </ | ||
+ | ==== Fadein, | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | div { | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | .fadeout { | ||
+ | animation-name: | ||
+ | animation-duration: | ||
+ | animation-fill-mode: | ||
+ | } | ||
+ | |||
+ | .fadein { | ||
+ | animation-name: | ||
+ | animation-duration: | ||
+ | animation-fill-mode: | ||
+ | } | ||
+ | |||
+ | @keyframes fadeout { | ||
+ | from {opacity: | ||
+ | to {opacity: | ||
+ | } | ||
+ | @keyframes fadein { | ||
+ | from {opacity: | ||
+ | to {opacity: | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | < | ||
+ | setTimeout(function(){ | ||
+ | document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | |||
+ | },5000) | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||