CSS animacijos generatorius tinginiams.
CSS animacijos
CSS leidžia animuoti HTML elementus nenaudojant JavaScript ar Flash
Šiame skyriuje sužinosite apie šias savybes:
- @keyframes
- animacijos pavadinimas
- animacija-trukmė
- animacija-delsinimas
- animacija-iteracijų skaičius
- animacija-režisūra
- animacijos laiko nustatymo funkcija
- animacijos užpildymo režimas
- animacija
Naršyklės specifiniai priešdėliai
Kai kurioms senesnėms naršyklėms reikia tam tikrų priešdėlių (-webkit-), kad suprastų animacijos ypatybes
Kas yra CSS animacijos?
Animacija leidžia elementui palaipsniui keistis iš vieno stiliaus į kitą.
Galite keisti tiek CSS ypatybių, kiek norite, tiek kartų, kiek norite.
Norėdami naudoti CSS animaciją, pirmiausia turite nurodyti kai kuriuos pagrindinius animacijos kadrus.
Pagrindiniai kadrai nurodo, kokie stiliai bus elemento tam tikru metu.
@keyframes taisyklė
Kai nurodote CSS stilius @keyframes taisyklėje, tam tikru metu animacija palaipsniui pasikeis iš esamo stiliaus į naują.
