Задать вопрос

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

Делаю вёрстку сайта и мне понадобился вот этот фоновый слайдер на css3 - СЛАЙДЕР
Но там используется 6 изображений, а мне надо только три. В итоге в демо слайдера переход между изображениями плавный и быстрый, а у меня в переходе пару секунд виден задний белый фон.
@keyframes imageAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
  • Вопрос задан
  • 196 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@VA_ic2b
keyframes здесь ни при чем. В таблице стилей исправьте
.cb-slideshow li span {
. . .
animation: imageAnimation 18s linear infinite 0s;
}
И в html конечно уберите лишние элементы span
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы