Penjana Animasi CSS untuk orang yang malas.
Animasi CSS
CSS membenarkan animasi elemen HTML tanpa menggunakan JavaScript atau Flash
Dalam bab ini anda akan mempelajari tentang sifat-sifat berikut:
- @keyframes
- nama animasi
- tempoh animasi
- kelewatan animasi
- kiraan lelaran animasi
- animasi-arah
- fungsi-masa-animasi
- mod-isi-animasi
- animasi
Awalan Khusus Pelayar
Sesetengah pelayar lama memerlukan awalan khusus (-webkit-) untuk memahami sifat animasi
Apakah Animasi CSS?
Animasi membolehkan elemen berubah secara beransur-ansur dari satu gaya ke gaya yang lain.
Anda boleh menukar seberapa banyak sifat CSS yang anda mahu, seberapa banyak kali anda mahu.
Untuk menggunakan animasi CSS, anda mesti terlebih dahulu menentukan beberapa kerangka utama untuk animasi tersebut.
Bingkai kekunci menyimpan gaya yang akan ada pada elemen pada masa tertentu.
Peraturan @keyframes
Apabila anda menentukan gaya CSS dalam peraturan @keyframes, animasi akan berubah secara beransur-ansur daripada gaya semasa kepada gaya baharu pada masa tertentu.
