ROTATING MENU CIRCLE DENGAN CSS

hai semua , kali ini aku akan membahas tentang cara menghasilkan rotating hidangan dengan css. Cukup sederhana dan mudah di ketahui dan yang niscaya insha allah berharga hehe.

Oke pribadi saja kita ke coding , pertama kita buat dahulu folder buat menyimpan file css dan html nya , terserah teman-teman nama foldernya apa dan di simpan dimana , yang penting file css dan html nya berada di satu folder.

1. Buat file index.html


2. Buat file style.css

Hasilnya akan seumpama ini :





















Jika teman-teman mengarahkan kursor ke setiap abjad di atas circle , circle akan berputar ke arah jam 12 atau jadi paling atas sesuai abjad yang teman-teman pilih di atas circle.

Oh ya , teman-teman dapat ubah hurufnya tidak mesti did-x bisa juga di ganti dengan angkat asal ada 5 huruf.

Semoga berharga :)

Post a Comment

Terimakasih sudah berkomentar

Lebih baru Lebih lama