Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > WordPress и другие CMS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 19.12.2019, 07:46   #1
Nikita Klimov
Новичок
Джуниор
 
Регистрация: 17.10.2019
Сообщений: 2
Вопрос Как анимировать слайдер?

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

Код:
@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: 10s slick-slider infinite; 
}
Меняются слайды, но картинки — нет. Что я делаю не так?
Nikita Klimov вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[HTML/CSS] Анимировать картинку.300р Ivan912 Фриланс 5 25.02.2019 00:54
графика и мультимедиа - анимировать стрелку на изображении Palamida Мультимедиа в Delphi 7 25.04.2018 17:12
jQeury. Анимировать переход между изображениями. Человек_Борща JavaScript, Ajax 3 23.10.2013 10:28
Слайдер dekameron JavaScript, Ajax 0 05.04.2011 04:39
Как анимировать картинки часов ? Жаконда Мультимедиа в Delphi 42 10.12.2010 11:51