# Animation

**@keyframes** nomDeLanimation
from {
*regles de départ*
}
to {
*regles de fin*
}
**@keyframes** nomDeLanimation
0% {
*regles*
}
25% {
*regles*
}
50% {
*regles*

100% {
*regles*
}
**animation name**
Nom de l'animation que va utiliser avec keyframes

**animation delay**
Temps avant lequel l'animation va commencer

**animation duration**
Durée de l'animation

**animation-iteration**
Nombre de fois que l'animation se repete

**animation-timing-function** (dans la div)
linear
ease
ease-in
ease-out
ease-in-out

###### tags: `HTML/CSS`