CSS animeerbaar
Definitie en gebruik
Sommige CSS-eigenschappen zijn animeerbaar , wat betekent dat ze kunnen worden gebruikt in animaties en overgangen.
Eigenschappen die kunnen worden geanimeerd, kunnen geleidelijk veranderen van de ene waarde naar de andere, zoals grootte, aantallen, percentage en kleur.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die CSS-animaties volledig ondersteunt.
Getallen gevolgd door -webkit-, -moz- of -o- specificeren de eerste versie die met een prefix werkte.
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- |
Voorbeeld
Animeer de achtergrondkleur van rood naar blauw:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Animeerbare eigenschappen
Deze eigenschappen zijn animeerbaar in CSS: