Animowalny CSS
Definicja i użycie
Niektóre właściwości CSS można animować , co oznacza, że można ich używać w animacjach i przejściach.
Właściwości, które można animować, mogą zmieniać się stopniowo od jednej wartości do drugiej, np. rozmiar, liczby, procent i kolor.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje animacje CSS.
Liczby, po których następuje -webkit-, -moz- lub -o- określają pierwszą wersję, która działała z przedrostkiem.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Przykład
Animuj kolor tła od czerwonego do niebieskiego:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Właściwości animowane
Te właściwości można animować w CSS: