Lastnost animation-name
Lastnost animation-name določa ime
animacije (ali animacij), ki se bo uporabljala
za ta element. Ime animacije mora biti
enako imenu, določenemu pri definiciji ključnih
okvirjev @keyframes.
Sintaksa
selektor {
animation-name: ime animacije;
}
Primer
V tem primeru ima animacija ime move:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0px;
}
to {
margin-left: 400px;
}
}
#elem {
animation-name: move;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Glejte tudi
-
lastnost
animation-duration,
ki določa trajanje animacije -
lastnost
animation-delay,
ki določa zamik pred izvedbo animacije -
lastnost
animation-timing-function,
ki določa hitrost izvajanja animacije -
lastnost
animation-iteration-count,
ki določa število ponovitev animacije -
lastnost
animation-direction,
ki določa smer animacije -
lastnost
animation-fill-mode,
ki določa stanje animacije -
lastnost
animation-play-state,
ki omogoča premor animacije -
lastnost
animation,
ki je okrajšava za animacije -
ukaz
@keyframes,
ki določa ključne okvirje animacije -
gladki prehodi
transition, ki predstavljajo animacijo ob preletu miške nad elementom