Definicja i Wykorzystanie
Niektóre właściwości CSS są animatable, co oznacza, że mogą być stosowane w animacji i przejść.
Właściwości Animatable mogą zmieniać się stopniowo od jednej wartości do drugiej, jak wielkości, liczby, procenty i koloru.
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, który w pełni obsługuje animacje CSS.
Liczby następnie -webkit-, -moz- lub -o- określić pierwszą wersję, która pracowała z prefiksem.
| 4,0 -webkit- | 10,0 | 16,0 5,0 -moz- | 4,0 -webkit- | 15,0 -webkit- 12,1 12,0 -o- |
Przykład
Animowanie background-color kolor z czerwonego na niebieski:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Spróbuj sam " Właściwości Animatable
Te właściwości są animatable w CSS: