Анимации на wow.js — есть ли способ добавить свою CSS3 анимацию, не из animate.css?

Question

[bormor]

В проекте уже подключены wow.js и animate.css для анимаций по скроллу.

Если ли способ подключить свою анимацию через wow.js - например добавив ее в файл animate.css? Или просто указав имя класса в wow.js по аналогии?

Т.е. использовать в подобной конструкции

<div class="wow MY-OWN-ANIMATION" data-wow-delay="1.0s">

Answer 1

[Alexander]

Можно, нужно просто создать класс со своей анимацией, например:

@keyframes myAnimation {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
 .myAnimation {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }

Answer 2

[Кирилл]

да, библиотека animate.css работает на стандартной анимации CSS3