animate.css не работает

Question

<div class="header__arrows">
            <a href="#" class="animated fadeInDown infinite">
                <img src="img/arrows-down.svg" alt="">
            </a>
        </div>

css код элемента

.header__arrows{
    position: absolute;
    bottom: 40px;
    left:210px;
    z-index: 3;
}

подключил в head эту ссылку

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

Answer 1

Согласно документации,названия классов несколько отличаются.

:root{
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1;
}
.header__arrows{
    position: absolute;
    bottom: 40px;
    left:210px;
    z-index: 3;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<div class="header__arrows">
  <a href="#" class="animate__animated animate__fadeInDown animate__infinite">test</a>
</div>

БЛОГ НА HUSL

animate.css не работает

Ответы (1 шт):