Animație
@keyframes warning {
0% {
text-shadow: 0px 0px 4px #000000;
}
50% {
text-shadow: 0 0 20px #000000;
}
100% {
text-shadow: 0px 0px 4px #000000;
}
}
Un div {animation: warning 1.5s infinite ease-in;}
În CSS la un div scriem codul: {animation: warning 1.5s infinite ease-in;}
Lista de valori:
- animation-name: warning
- animation-duration: Xs or Xms
- animation-iteration-count: X sau infinite
- animation-timing-function: ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) (e.g. cubic-bezier(0.5, 0.2, 0.3, 1.0))
- animation-delay: Xs or Xms
- animation-fill-mode: forwards, backwards, both, none
- animation-direction: normal, alternate
- animation-play-state: paused, running, running
Animațiile se aplică la numeroase proprietăți CSS.