Bugün sizlere daha önceden de bahsettiğim CSSMATIC web adresinin bir generator'u olan box shadow generator'u anlatıyorum.

Box Shadow Nedir?

Box shadow html + css ile oluşturduğumuz kutulara verebileceğimiz, derinlik ve reality efektleri kazandıran gölgelerdir.

Nasıl Kullanılır?

Box shadow kodlarını tek tek yazmak yerine size vereceğim web adresi sayesinde artık çok daha kolay.

Box Shadow Genarator'a giriyoruz ve oluşturmak istediğimiz gölge efektinin konumunu,rengini, köşe eğrilerini ve bir çok özelliğini ayarladıktan sonra tek yapmamız gereken bizim için oluşan kodları kopyalayıp projemizin css dosyasına dahil etmek olacaktır.

Örnek Kod Parçacığı

-webkit-box-shadow: 40px 42px 62px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 40px 42px 62px -10px rgba(0,0,0,0.75);
box-shadow: 40px 42px 62px -10px rgba(0,0,0,0.75);

Kaynak

• https://www.cssmatic.com/box-shadow