krouzek:slideshow

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Poslední revizeObě strany příští revize
krouzek:slideshow [2020/02/12 16:45] adminkrouzek:slideshow [2020/02/12 17:19] admin
Řádek 69: Řádek 69:
 </code> </code>
  
 +==== Fadein,fadeout ====
 +<code html>
 +<!DOCTYPE html>
 +<html>
 +<head>
 +<style> 
 +div {
 +  width: 100px;
 +  height: 100px;
 +  background-color: red;
 +  }
 +
 +.fadeout {
 +  animation-name: fadeout;
 +  animation-duration: 4s;
 +  animation-fill-mode: forwards;
 +}
 +
 +.fadein {
 +  animation-name: fadein;
 +  animation-duration: 4s;
 +  animation-fill-mode: forwards;
 +}
 +
 +@keyframes fadeout {
 +  from {opacity:1;}
 +  to {opacity:0;}
 +}
 +@keyframes fadein {
 +  from {opacity:0;}
 +  to {opacity:1;}
 +}
 +</style>
 +</head>
 +<body>
 +
 +<div class="fadein" id="ctverec"></div>
 +
 +<script>
 +setTimeout(function(){
 +document.getElementById('ctverec').classList.remove("fadein");
 +document.getElementById('ctverec').classList.add("fadeout");
 +
 +},5000)
 +</script>
 +
 +</body>
 +</html>
 +
 +</code>
  
  • krouzek/slideshow.txt
  • Poslední úprava: 2023/11/15 20:54
  • autor: 127.0.0.1