Animacje
Animacja w css
@keyframes przyklad{
from {background-color: red;}
to {background-color: blue;}
}
from {background-color: red;}
to {background-color: blue;}
}
#anim{
width:200px;
height:200px;
animation-name:przyklad;
animation-duration:0.5s;
animation-iteration-count:infinite;
}
width:200px;
height:200px;
animation-name:przyklad;
animation-duration:0.5s;
animation-iteration-count:infinite;
}
Efekt
animation-name - nazwa animacji
animation-delay - opóźnienie animacji
animation-direction - określenie przebiegu następywania po sobie kroków animacji
animation-duration - czas trwania animacji
animation-fill-mode - określenie styl elementu gdy nie jest animowany (kiedy animacja dobiegnie końca lub trwa opóźnienie)
animation-iteration-count - określenie ilość powtórzeń animacji
animation-state - określenie czy animacja ma być spauzowana
animation-timing function - określa krzywą czasu działania animacji