Поддержка Темы и шаблоны Как анимировать слайдер?

  • Привет!
    В дополнительных стилях пишу:

    @keyframes slick-slider {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
    
    }
     
    body { margin: 0; } 
    div.slick-slider { overflow: hidden; }
    div.slick-slider .slick-slide img { width: 100%; float: left; }
    div.slick-slider { width: 100%;}
    
    .slick-slide { 
      position: relative;
      width: 100%;
      margin: 0;
      left: 0;
      text-align: left;
      font-size: 0;
      animation: 1s slick-slider infinite; 
    }

    Меняются слайды, но картинки — нет. Что я делаю не так?

    • Тема изменена 9 месяцев, 2 недели назад пользователем nikitak1.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
Просмотр 1 ответа (всего 1)
  • Тема «Как анимировать слайдер?» закрыта для новых ответов.