ImagesLesson 91Preview gratis
Shake an Image
Lesson ini bagian dari How To · Semua level
Ringkasan
Shake image adalah animasi getar yang memberi perhatian pada gambar atau tombol tertentu. Animasi dibuat dengan @keyframes yang menggeser elemen ke kiri dan kanan secara bergantian. Efek sebaiknya singkat dan menghormati preferensi pengguna yang mengurangi gerakan.
Poin kunci
- @keyframes mendefinisikan tahapan animasi dari awal hingga akhir.
- animation menghubungkan elemen dengan nama keyframes dan durasinya.
- translateX menggeser elemen ke kiri dan kanan untuk menciptakan getaran.
- animation-iteration-count: infinite membuat animasi berulang terus-menerus.
- prefers-reduced-motion digunakan untuk mematikan animasi bagi pengguna yang sensitif terhadap gerakan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.