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.
0 yorum:
Yorum Gönder