Question

Здравствйте! Нашел неплохой css слайдер чуть переделал, но не могу дальше настроить " больше 4 слайдов не показывает"

https://code.sololearn.com/W87B0MsxWw4p/#html

Подскажите куда копать. Спасибо за вашу помощь.

P.S. работает только в FireFox/Safari , может как-то во всех браузерах можно реализовать?

Answer 1

В данном слайдере анимация настроена на CSS3, сама анимация для слайдов написана в блоке стилей:

@-webkit-keyframes slide-animation {

0% {opacity:0;}

2% {opacity:1;}

20% {left:0px; opacity:1;}

22.5% {opacity:0.6;}

25% {left:-600px; opacity:1;}

45% {left:-600px; opacity:1;}

47.5% {opacity:0.6;}

50% {left:-1200px; opacity:1;}

70% {left:-1200px; opacity:1;}

72.5% {opacity:0.6;}

75% {left:-1800px; opacity:1;}

95% {opacity:1;}

98% {left:-1800px; opacity:0;} 

100% {left:0px; opacity:0;}

}

то есть, по сути для каждого нового слайда задано смешение на +600. Разбирайтесь с данным блоком стилей. Если не разберетесь, лучше ищите другой слайдер.