@keyframes kb1 {
0% { opacity: 1; transform: scale(1.0); }
28% { opacity: 1; transform: scale(1.12); }
33.3% { opacity: 0; transform: scale(1.15); }
94% { opacity: 0; transform: scale(1.0); }
100% { opacity: 1; transform: scale(1.0); }
}
@keyframes kb2 {
0% { opacity: 0; transform: scale(1.0); }
28% { opacity: 0; transform: scale(1.0); }
33.3% { opacity: 1; transform: scale(1.0); }
61% { opacity: 1; transform: scale(1.12); }
66.6% { opacity: 0; transform: scale(1.15); }
100% { opacity: 0; transform: scale(1.0); }
}
@keyframes kb3 {
0% { opacity: 0; transform: scale(1.0); }
61% { opacity: 0; transform: scale(1.0); }
66.6% { opacity: 1; transform: scale(1.0); }
94.3% { opacity: 1; transform: scale(1.12); }
100% { opacity: 0; transform: scale(1.15); }
}
.hero-slide-1 {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: url(’https://zaz.nidastudio.pl/wp-content/uploads/2026/08/zaz-hero-luxury.jpg’) center/cover no-repeat;
animation: kb1 15s ease-in-out infinite;
}
.hero-slide-2 {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: url(’https://zaz.nidastudio.pl/wp-content/uploads/2026/08/zaz-strefa-spa-rehabilitacja.jpg’) center/cover no-repeat;
animation: kb2 15s ease-in-out infinite;
}
.hero-slide-3 {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: url(’https://zaz.nidastudio.pl/wp-content/uploads/2026/08/zaz-restauracja-premium.jpg’) center/cover no-repeat;
animation: kb3 15s ease-in-out infinite;
}
TEST HERO SLIDER WITH KEN BURNS