Cara membuat link mengeluarkan efek kotak shadow saat mouse menyorot link

Assalamualaik wr wb, pada TUTORIALsebelumnya saya sudah menjelaskan cara membuat link mengeluarkan cahaya, tapi saya ada tutorial yang lain lagi yaitu membuat link mengeluarkan efek kotak shadow. caranya adalah:
1. LOGIN ke akun blog sobat
2. Pilih Rancangan->Edit HTML
3. Cari kode a:hover{ yang  berdekatan dengan a:visited{ ; a:link{
4. sisipkan kode dibawah ini tepat di samping kode a:hover{

transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;box-shadow:-2px -2px 8px #000, 2px 2px 20px #000;-moz-box-shadow:-2px -2px 8px #000, 2px 2px 20px #000;-webkit-box-shadow:-2px -2px 8px #000, 2px 2px 20px #000;

5. simpan templatenya dan lihat hasilnya

S E L A M A T   M E N C O B A

Related Post: