CSS animaatioon liittyvät ominaisuudet
- Edellinen sivu CSS funktiot
- Seuraava sivu CSS verkkoturvallisuusfontit
Määrittely ja käyttö
Joitakin CSS-ominaisuuksia voidaan käyttää animaatioiden tekemiseen, mikä tarkoittaa, että ne voidaan käyttää siirtymisvaikutuksissa ja muissa.
Animaatioihin voidaan asettaa ominaisuuksia, jotka voivat muuttua asteittain toisesta arvosta toiseen, kuten koko, numero, prosentti ja väri.
Selaimen tuki
Taulukossa olevat numerot mainitsevat ensimmäisen selaimen version, joka tukee täysin CSS-animaatioita.
webkit-, moz- tai o- jälkeen oleva numero mainitsee ensimmäisen version, jota etuliitteet käytetään.
|
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- |
Esimerkki
Aseta taustakuvan väri animaationa punaisesta siniseen:
@keyframes mymove {
from {taustakuvan-väri: punainen;}
to {taustakuvan-väri: sininen;}
}
Animaatioominaisuudet
Seuraavassa taulukossa luetellaan CSS:ään liittyvät animaatioominaisuudet:
- Edellinen sivu CSS funktiot
- Seuraava sivu CSS verkkoturvallisuusfontit
