Как задать правильно keyframes css3 для 3 изображений?

Question

[Владислав Громов]

Делаю вёрстку сайта и мне понадобился вот этот фоновый слайдер на css3 - СЛАЙДЕР
Но там используется 6 изображений, а мне надо только три. В итоге в демо слайдера переход между изображениями плавный и быстрый, а у меня в переходе пару секунд виден задний белый фон.

@keyframes imageAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

Answer 1

[VA_ic2b]

keyframes здесь ни при чем. В таблице стилей исправьте
.cb-slideshow li span {
. . .
animation: imageAnimation 18s linear infinite 0s;
}
И в html конечно уберите лишние элементы span

Comments

[Владислав Громов]

да всё уже исправил, не заметил сначала, редко приходится работать с анимациями и из-за этого мало знаю про них