Featured

CSS : Hover (Part 12)



 Assalamualaikum wr.wb

A. JUDUL

       CSS : Hover (Part 12)

B. PENDAHULUAN

     1. Pengertian

       Hover adalah sebuah style yang digunakan untuk merubah style content apabila kursor diarahkan ke konten.

     2. Maksud dan Tujuan
  • Agar bisa merubah style content jika kursor diarahkan ke konten
     4. Hasil yang Diharapkan

         Bisa merubah kursor seperti yang diinginkan.

C. ALAT DAN BAHAN
  • Laptop atau PC
  • Koneksi Internet (Mencari Referensi)
  • Sublime Text
D. JANGKA WAKTU PELAKSANAAN

        10 Menit

E. PEMBAHASAN

   Ini adalah contoh membuat Hover menggunakan CSS  :


Kemudian dijalankan di browser maka akan muncul tampilan di bawah ini.

     
 Keterangan :

  • pemanggilan menggunakan selector elemen html
  • background awal bewarna merah dan text putih
  • setelah kursor di arahkan ke content maka background berubah bewarnahijau dan text hitam
F. HASIL YANG DI DAPATKAN

      Bisa membuat Hover mengunakan CSS.

G. KESIMPULAN

      Hover merupakan salah satu tag CSS.

H. REFERENSI
Waalaikumusalam wr.wb


Related Posts