Animații CSS. Proprietatea Shorthand Animation.

Proprietatea Shorthand Animation

Exemplul de mai jos folosește șase dintre proprietățiile de animație:

Exemplu:

div {
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

Același efect de animație ca mai sus poate fi obținut folosind proprietatea shorthand animation:

Exemplu:

div {
  animation: example 5s linear 2s infinite alternate;
}