Css ile İki Renkli Arkaplan

Sitenizde herhangi bir bölümün arkaplanı renklendirmek istediğinizde bunun en iyi ve kolay yolu bunu CSS ile yapmak elbette.

İki renkli arkaplan rengi elde etmekte kolay.

linear-gradient()

linear-gradient() işte bu işe yarıyor.

İlk bulduğum kod;

.yellowbg{background:#ffd740;background-image: -webkit-linear-gradient(30deg, #ffd740 50%, #ffc700 50%)}

şeklindeydi. Bunu sitemde arkaplan rengi sarı olan bir bölüm için kullandım.

Ancak kod üzerinde biraz sadeliğe gidersek;

.yellowbg{background:linear-gradient(60deg, #ffd740 50%, #ffc700 50%)}

kodu da aynı sonucu veriyor. Deg değerini istediğiniz gibi ayarlayabilirsiniz.

Belki önceki tarayıcı versiyonlarına destek vermek için ilk kodu kullanmak daha sağlam olacaktır. İki renk şeklini desteklemeyen tarayıcılar seçeceğiniz tek bir renk arkaplanı gösterecektir.

770
Etiketler:
PAYLAŞ

Bir cevap ve/veya yorum yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir