Teknik Overlay CSS 3 (Video)

Teknik Overlay CSS 3 (Video)

Berikut ini adalah tutorial seputar overlay dengan menggunakan teknik hover pseudo css. Untuk tutorial selengkapnya teman-teman dapat melihat video berikut:

Teknik ini adalah penggabungan antara beberapa lapis (layer), yang dipadukan dengan Pseudo CSS Hover efek.

Untuk menguasai teknik ini harus memahami bagaimana pseudo css hover bekerja antar lapisan (layer).

Skrip html dan css

file index.html

file overlay.css

sumber referensi:

https://www.w3schools.com/cssref/sel_hover.asp

https://www.w3schools.com/css/css_pseudo_classes.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/:hover