Generator Animasi CSS kanggo wong kesed.
Animasi CSS
CSS ngidini animasi unsur HTML tanpa nggunakake JavaScript utawa Flash
Ing bab iki sampeyan bakal sinau babagan properti ing ngisor iki:
- @keyframe
- animasi-jeneng
- animasi-durasi
- animasi-tundha
- animasi-pengulangan-count
- animasi-arah
- animasi-timing-fungsi
- animasi-isi-mode
- animasi
Awalan Khusus Browser
Sawetara browser lawas mbutuhake awalan tartamtu (-webkit-) kanggo ngerti sifat animasi
Apa Animasi CSS?
Animasi ngidini sawijining unsur diganti kanthi bertahap saka gaya siji menyang gaya liyane.
Sampeyan bisa ngganti akeh properti CSS sing dikarepake, kaya sing dikarepake.
Kanggo nggunakake animasi CSS, sampeyan kudu nemtokake sawetara keyframes kanggo animasi.
Keyframes ngemot gaya apa sing bakal diduweni unsur kasebut ing wektu tartamtu.
Aturan @keyframes
Nalika sampeyan nemtokake gaya CSS ing aturan @keyframes, animasi bakal mboko sithik ganti saka gaya saiki menyang gaya anyar ing wektu tartamtu.
