@DeniSidorenko

Как задать анимацию keyframes при смене слайда?

Привет есть такой css код Stylys
.slider-item
  .slider-item__left
    transform: translate3d(50px,0,0)
    transition all .5s ease
    opacity 0
    transition-delay: 0.3s
    

  &.slick-current
    .slider-item__left
      transform: translateX(0)
      opacity 1
    .slider-item__right
      animation-name: bounce; 
      animation-duration: .5s; 
      animation-fill-mode: both;
      
@keyframes bounce  
  0%
    opacity 0
    transform: translateX(70px)
  50%
    opacity 0.5
    transform: translateX(-30px)
  100%
    opacity 1
    transform: translateX(0)


Slider Item Left который просто перемещается работает отлично. Слайд меняется, ему выдается класс slick current и .slider-item__left выполняет каждый раз анимацию. Но вот для slider-item__right где идет аимация от Keyframes работает лишь Раз. При загрузке страницы. Как можно сделать что бы это анимация запускалось аналогично левой части
  • Вопрос задан
  • 268 просмотров
Решения вопроса 1
@DeniSidorenko Автор вопроса
Все отлично работало) просто слишком было, надо было добавить animation-delay)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы