efekt animacji css
@keyframes arrow {
0% {
transform: translateY(-80px)
}
50% {
transform: translateY(0px)
}
100% {
transform: translateY(80px)
}
}
classa strzałki css
.fa-angle-down {
animation: arrow 1.6s infinite
linear;
}
html fragment kodu
<header>
<nav><i class="fa fa-bars"></i></nav>
<hgroup>
<h1>Losuj Cytat!</h1>
<h3>Twój cytat na dziś.</h3><span><h4>Jeden cytat na jeden dzień.</h4></span>
</hgroup>
<img src="img/1.png">
<div id="arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></div>
</header>
Czy ktoś widzi gdzieś jakiś błąd ?