Definiție și utilizare
Unele proprietăți CSS sunt animatable, ceea ce înseamnă că ele pot fi folosite în animații și tranziții.
Proprietățile Animatable se pot schimba treptat de la o valoare la alta, cum ar fi dimensiunea, numere, procente și culoare.
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin animații CSS.
Numerele urmat de -webkit-, -moz- sau -o- specificați prima versiune care a lucrat cu un prefix.
4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -o- |
Exemplu
Animați culoare de fundal de la roșu la albastru:
/* 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;}
}
Încearcă - l singur » Proprietăți Animatable
Aceste proprietăți sunt animatable în CSS: