Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.12.2019, 06:46   #1
Nikita Klimov
 
Регистрация: 17.10.2019
Сообщений: 4
Вопрос Как анимировать слайдер?

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

Код:
@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 вне форума Ответить с цитированием
Старый 19.02.2020, 19:48   #2
maks1331
Форумчанин
 
Аватар для maks1331
 
Регистрация: 20.12.2016
Сообщений: 270
По умолчанию

ссылку на сайт в студию
формошлеп.рф
witech.su
maks1331 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


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