iki renkli arkaplan

Css ile İki Renkli Arkaplan

163

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.

WP Handle

WP HANDLE: All-in-one WordPress Service

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.

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


E-posta ile abone ol

Bu site spamları azaltmak için Akismet kullanmaktadır. Yorum verilerinizin nasıl işlendiğini Akismet Privacy üzerinden öğrenebilirsiniz.