CSS İle İçe Doğru Gölge(İnset) Vermek

Transition özelliği ile kutuların sadece dışına gölge vermeyi görmüştük.Şimdi ise bunu CSS İnset özelliği ile içe vermeyi öğreneceğiz.

CSS Kodları:

-moz-box-shadow: inset 0px 0px 20px #000;     /* Mozilla */
-webkit-box-shadow: inset 0px 0px 20px #000;  /* Chrome ve Safari */
box-shadow: inset 0px 0px 20px #000;          /* Standart CSS Kodu */

Bu kodlarımızda da her zamanki gibi renk seçimi ve gölgenin miktarını seçerek işlemlerimizi bitiriyoruz.İstersek bu özelliği aşağıdaki örnekteki gibi hover efekti olarakta verebiliriz.