Почему не работает анимация?

Question

[Roman Egliens]

Может кто знает почем у меня не работает анимация у первого слайдера после перезагрузки страницы?
artcab.egliens.ru

Анимация у меня работает через CSS и активный слайд в слик слайдере

И как это можно поправить?

Answer 1

[Алексей]

Чтобы сработала анимация transition, нужно чтобы чтобы было какое-либо изменение состояния. Т.е. должен быть либо :hover, либо динамически должен добавлятся модификатор основного стиля, тогда произойдет плавная модификация. Пример:

.example {
  background: green;
  height: 100px;
  transition: all 1s linear;
  width: 100px;
}

.example:hover {
  background: red;
  height: 200px;
  width: 200px;
}