Īpašība animation-name
Īpašība animation-name nosaka
animācijas (vai animāciju) nosaukumu, kas tiks
piemērots šim elementam. Animācijas nosaukumam jābūt
tādam pašam, kāds ir norādīts, definējot atslēgkadrus
@keyframes.
Sintakse
selektors {
animation-name: animācijas nosaukums;
}
Piemērs
Šajā piemērā animācijas nosaukums ir 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;
}
:
Skatiet arī
-
īpašība
animation-duration,
kura nosaka animācijas ilgumu -
īpašība
animation-delay,
kura nosaka aizkavi pirms animācijas izpildes -
īpašība
animation-timing-function,
kura nosaka animācijas izpildes ātrumu -
īpašība
animation-iteration-count,
kura nosaka animācijas atkārtojumu skaitu -
īpašība
animation-direction,
kura nosaka animācijas virzienu -
īpašība
animation-fill-mode,
kura nosaka animācijas stāvokli -
īpašība
animation-play-state,
kura ļauj apturēt animāciju -
īpašība
animation,
kura ir saīsinājums animācijām -
komanda
@keyframes,
kura nosaka animācijas atslēgkadrus -
plūstoši pārejas
transition, kuras ir animācija, kad kursors atrodas virs elementa