Hallo teman-teman,apa kabar? semoga baik,, bertemu lagi pada tutorial dumet school, mungkin teman-teman sudah faham dengan fungsi hover, nah disini saya akan coba membuat efek 3d pada text ketika di hover, oke daripada bingun kita langsung saja praktekan,
coba teman-teman buat sebuah file dan ketikan script berikut ini :

Capture

untuk contoh saya menggunakan tag h1 ya teman-teman, nah sekarang kita akan atur cssnya, teman-teman bisa ketikan script berikut :

Capture1

pada bagian cssnya saya membuat efek 3d ketika tag h1 di hover,saya emngatur perubahan warna, transisi-delay sebanyak 1 seken, da transisi durasinya sebanyak 1 seken, lalu saya memberikan text-shadow dengan ketebalan sesuai dengan yang kita inginkan, maka hasilnya akan seperti berikut ketika teks belum kita hover,

Capture2

namun, ketika kita hover maka text akan berubah seperti berikut dengan smoth karna efek dari transition-delay dan transition-duration :

Capture3

cukup mudah kan teman-teman, sekarang coba ulangi dirumah, kiranya cukup sekian artikel kali ini semoga bermanfaat dan terimakasih 🙂