Handelingen

BAK-vaan: verschil tussen versies

Uit BoemelWiki

Regel 17: Regel 17:
 
   position: absolute;
 
   position: absolute;
 
   animation: slide 12s infinite;
 
   animation: slide 12s infinite;
}
+
 
 
.slider img:nth-child(2) { animation-delay: 4s; }
 
.slider img:nth-child(2) { animation-delay: 4s; }
 
.slider img:nth-child(3) { animation-delay: 8s; }
 
.slider img:nth-child(3) { animation-delay: 8s; }
Regel 27: Regel 27:
 
   40% { opacity: 0; }
 
   40% { opacity: 0; }
 
   100% { opacity: 0; }
 
   100% { opacity: 0; }
}
+
 
 
</style>
 
</style>
  

Versie van 27 mrt 2026 17:34

 <img src="/images/VAAN2026.jpg">
 <img src="/images/Vaan2025.jpg">
 <img src="/images/Vaan2024.PNG ">

<style> .slider {

 width: 100%;
 height: 300px;
 overflow: hidden;
 position: relative;

} .slider img {

 width: 100%;
 position: absolute;
 animation: slide 12s infinite;

.slider img:nth-child(2) { animation-delay: 4s; } .slider img:nth-child(3) { animation-delay: 8s; }

@keyframes slide {

 0% { opacity: 0; }
 10% { opacity: 1; }
 30% { opacity: 1; }
 40% { opacity: 0; }
 100% { opacity: 0; }

</style>