Postingan kali ini saya akan menshare button social media dengan pseudo elemen ::before, ::after dan elemen hover. Hover sendiri adalah salah satu elemen pada css yang berguna untuk membuat efek saat mouse mengenai suatu elemen HTML. Penjelasan mengenai ::after dan ::before sudah saya terangkan pada blog sebelumnya yaitu heading style dengan css, jadi silahkan buka blog tersebut untuk mengetahui mengenai element ::after dan ::before. Langsung saja ke langkah-langkahnya.
Langkah 1:
Langkah 2:
Hasilnya:
See the Pen
hover button by ifan sutiono (@ifansz)
on CodePen.
Sekian dulu untuk postingan kali ini semoga bermanfaat. Jika memang masih membingungkan silahkan tinggalkan komentar pada kolom komentar dibawah.
Terima Kasih.
Referensi:
bagus, buat lebih banyak lagi
BalasHapus