Source Code Membuat Menu Hover Menggunakan HTML Dan CSS

Source Code Membuat Menu Hover Menggunakan HTML Dan CSS
Daftar Isi Artikel

Asalamualaikum Wr Wb..
Salam Sejahtera untuk kita, Salam Hijau Hitam Untuk Sobat Hijau Hitam, Salam Kode untuk Sahabat Kodetani. :).

Khusus hari ini saya ingin membagikan source code lagi ni untuk temen temen code.
Source Code kali ini yaitu Menu Hover yang mungkin dapat membantu meringankan kawan kawan untuk mengerjakan tugas kuliah yang diberikan dosen.

langkah awal sama seperti biasa yaitu membuat file index.html dan style.css.
yang mana nantinya di dalam masing masing file yang telah kawan-kawan buat di isi dengan sebuah code program html dan css untuk membuat Menu Hovernya.
caranya sangat mudah sekali yaitu masukan code HTML kedalam file index.html. dan kode CSS kedalam file style.css
setelah itu simpan kedua file tersebut di dalam satu folder. lalu jalankan file index.html di browser kawan-kawan.

berikut adalh sorce codenya yang akan kita gunakan :

See the Pen hover saya by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.
Selamat menikmati code.. :)
silahkan dikembangkan dengan ide kreatif kawan kawan jika ingin di tambahkan.

salam code :)..

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>