CSS - Animasi

Animasi

Animation adalah proses membuat efek gerakan dan mengubah tampilan. CSS mendukung berbagai efek animasi untuk mengubah gerakan acara.

Tabel berikut mencantumkan semua efek yang dapat Anda gunakan di CSS -

Sr.No.	Metode & Deskripsi
1	Melambung Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
2	Bounce In Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
3	Bounce In Down Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya ..
4	Bounce In Left Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
5	Bounce In Right Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
6	Bounce Out Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
7	Bounce Out Down Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
8	Bounce Up Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya
9	Bounce Out Left Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
10	Bounce Out Right Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya
11	Bounce Out Up Efek Bounce Animation digunakan untuk memindahkan elemen dengan cepat ke atas, ke belakang, atau menjauh dari permukaan setelah memukulnya.
12	Fade Down Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
13	Fade In Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
14	Fade In Down Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
15	Fade In Left Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
16	Fade In Left Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
17	Fade In Right Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
18	Fade In Right Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
19	Fade in Up Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
20	Fade In Up Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
21	Fade Out Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
22	Fade Out Down Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
23	Fade Out Left Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
24	Fade Out Left Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
25	Fade Out Right Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
26	Fade Out Right Big Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
27	Fade Out Up Gambar muncul atau menyebabkan muncul atau menghilang secara bertahap, atau bergabung menjadi bidikan lain.
28	Fade Out UP Big Gambar muncul atau menyebabkan muncul atau keluar secara bertahap, atau bergabung menjadi bidikan lain
29	Flash Semburan cahaya terang singkat dari suatu elemen.
30	Balik Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
31	Balikkan X Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
32	Balik Masuk Y Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
33	Balik Keluar X Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
34	Flip Out Y Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
35	Engsel Sebuah Elemen dapat berbalik atau menyebabkan terbalik dengan gerakan cepat yang tiba-tiba.
36	Kecepatan Cahaya Masuk Ini akan memberikan cahaya atau pencahayaan dengan kecepatan ke elemen.
37	Kecepatan Cahaya Keluar Ini akan memberikan cahaya atau pencahayaan dengan kecepatan ke elemen.
38	Nadi Ini Memberikan getaran tunggal atau bur pendek ke suatu elemen.
39	Roll In Sebuah Elemen dapat bergerak ke arah tertentu dengan berputar-putar pada sumbu.
40	Mulai tersedia Sebuah Elemen dapat bergerak ke arah tertentu dengan berputar-putar pada sumbu.
41	Putar Di Kiri Bawah Sebuah Elemen dapat bergerak ke arah tertentu dengan berputar-putar pada sumbu.
42	Putar Masuk Sebuah Elemen dapat bergerak ke arah tertentu dengan berputar-putar pada sumbu.
43	Putar Di Kanan Bawah Sebuah Elemen dapat bergerak ke arah tertentu dengan berputar-putar pada sumbu.
44	Goyangan Ini menyediakan untuk memindahkan elemen atau menyebabkan bergerak goyah dari sisi ke sisi.
45	Putar Di Kiri Atas Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
46	Putar Di Kanan Atas Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
47	Winggle Ini menyediakan untuk bergerak atau menyebabkan bergerak ke atas dan ke bawah atau dari sisi ke sisi dengan gerakan cepat kecil.
48	Putar Keluar Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
49	Putar Keluar Kiri Bawah Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
50	Putar ke Kanan Bawah Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
51	Putar Keluar Ke Kiri Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
52	Putar Ke Kanan Ini menyediakan untuk bergerak atau menyebabkan untuk bergerak dalam lingkaran mengitari sumbu atau pusat.
53	Menggoyang Ini menyediakan untuk memindahkan (objek) ke atas dan ke bawah atau dari sisi ke sisi untuk suatu elemen.
54	Ayunan Ini memberikan gerakan atau penyebab untuk bergerak maju mundur atau dari sisi ke sisi saat ditangguhkan atau pada sumbu ke suatu elemen.
55	Tada Ini menyediakan untuk memindahkan elemen dari sisi ke sisi.