CSS Animacja
Definicja i Wykorzystanie
Niektóre właściwości CSS mogą być animowane, co oznacza, że mogą one być wykorzystywane do animacji i przejść.
Właściwości animacji można stopniowo zmienił się z jednej do innej wartości, na przykład wielkość, liczba i odsetek koloru.
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji metody.
Natychmiast po numerze -webkit-, -moz- lub -o- określa pierwszą przeglądarką, która obsługuje tej wersji atrybutem prefiks.
4,0 -webkit- | 10,0 | 16,0 5,0 -moz- | 4,0 -webkit- | 15,0 -webkit- 12,1 12,0 -o- |
Przykłady
Kolor tła stopniowo zmienia kolor z czerwonego na niebieski:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Spróbuj »
właściwości Animacja
Właściwości animacji CSS: