Lokasi:homepage > Kode efek khusus JS > Animasi CSS3

Desain material menu tombol CSS3 yang dapat diperluas Desain Material

2020-06-25 113Jumlah pemandangan
Ini adalah efek tombol menu terbuka gaya desain material keren. Ada tujuh efek berbeda dalam efek khusus ini. Di setiap efek, sekelompok tombol menu utama dapat dibuka dengan mengklik tombol menu utama. Efek animasi dari berbagai sub menu pembuka berbeda. Efek pertama adalah ketika Anda mengklik tombol menu utama, tombol menu utama akan bergeser ke kiri, dan tombol menu utama akan muncul secara bergantian dengan tombol menu utama bergerak. Efek kedua adalah setelah mengklik tombol menu utama, lapisan topeng lingkaran akan muncul, dan empat tombol sub menu akan muncul di posisi atas, bawah, kiri dan kanan dari lapisan topeng melingkar. Efek ketiga adalah setelah mengklik tombol menu utama, tombol sub menu akan muncul di atas tombol menu utama dari bawah ke atas. Efek keempat adalah setelah mengklik tombol menu utama, tombol sub menu akan bergeser di kedua sisi tombol menu utama. Efek kelima adalah setelah mengklik tombol menu utama, tombol sub menu akan muncul dari posisi tombol menu utama dan muncul secara bergantian. Efek keenam adalah setelah mengklik tombol menu utama, tombol sub menu muncul di kedua sisi tombol menu utama, dan kemudian berputar 360 derajat di sekitar tombol menu utama. Efek ketujuh adalah mengklik tombol menu utama, empat tombol sub menu muncul secara bergantian, di sekitar tombol menu utama