Generator animacij CSS za lene ljudi.
Animacije CSS
CSS omogoča animacijo elementov HTML brez uporabe JavaScripta ali Flasha
V tem poglavju boste spoznali naslednje lastnosti:
- @keyframes
- ime-animacije
- animacija-trajanje
- animacija-zakasnitev
- število ponovitev animacije
- animacija-režija
- funkcija-časovne-animacije
- animation-fill-mode
- animacija
Predpone, specifične za brskalnik
Nekateri starejši brskalniki potrebujejo posebne predpone (-webkit-), da razumejo lastnosti animacije
Kaj so animacije CSS?
Animacija omogoča, da se element postopoma spreminja iz enega sloga v drugega.
Spremenite lahko toliko lastnosti CSS, kolikorkrat želite.
Če želite uporabiti animacijo CSS, morate najprej določiti nekaj ključnih sličic za animacijo.
Ključne sličice vsebujejo sloge, ki jih bo element imel ob določenih trenutkih.
Pravilo @keyframes
Ko določite sloge CSS znotraj pravila @keyframes, se bo animacija ob določenih trenutkih postopoma spremenila iz trenutnega v nov slog.
