Zagadnienia i pytania kontrolne ćwiczenie 26-27

1. Animacje w CSS

1. Opisz właściwość transition.
2. Za co odpowiada właściwość transition-duration?
3. Za co odpowiada właściwość transition-property? Podaj przykład użycia.
4. Za co odpowiada właściwość transition-timing-function? Jakie może przyjmoać wartości?
5. W jaki sposób zadeklarować zmianę dwóch elementów,które będą brały udział w animacji, np. dla bloku div zmiana szerokości odbędzie się liniowo w 1 s, a kolor zmieni się w 3s.
6. Opisz właściwość animation.
7. Opisz regułę @keyframes dla animacji CSS.
8. Opisz poniższe właściwości:
   • animation-duration
   • animation-timing-funtion
   • animation delay
   • animation-iteration-count
   • animation-direction
   • animation-fill-mode
   • animation-play-state