[Rangy]

Cześć Mirki, ktoś by ogarnął dlaczego nie działa animacja? Dzięki :)
#frontend #webdev #programista15k

#arrow {
position: absolute;
left: 50%;
bottom: 10%;
width: 64px;
height: 64px;
border: 2px solid black;
transform: translateX(-50%);
border-radius: 50%;
font-size: 2rem;
text-align: center;
overflow: hidden;
transition: 0.5s ease;

}

#arrow:hover {
border-color: skyblue;
color: aliceblue;
}

.fa-chevron-down {
animation: arrow 2s infinite linear;
}

@keyframes arrow {
0% {
transform: translateY(-80);
}

50% {
transform: translateY(0);
}
100% {
transform: translateY(+80);
}
}

[Init0]

@Rangy: dałbyś to na jakimś edytorze a nie

[Rangy]

@Init0: Na jakim byś chciał?

[fspl2]

@Rangy: +80 to chyba nie jest wartość interpretowana poprawnie przez CSS.

[TheBestThing]

@Rangy: nie masz jednostki zadnej w tym transformie

[Rangy]

@fspl2: Dobra, właśnie mi pomogłeś w połowie, bo zapmniałem, że nie dodałem do wartości też px (╯°□°）╯︵ ┻━┻

[Rangy]

@TheBestThing: Dzięki :)

[T.....n]

@Rangy: ale nie taguj arrow

[Rangy]

@TheySeeMeBowlin: sorry

[Kajetan8]

@Rangy:
Używaj formatowania dla kodu:

#arrow {
}