iki renkli arkaplan

Css ile İki Renkli Arkaplan

- 146

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.

Bloga e-posta ile abone ol

Bu bloga abone olmak ve e-posta ile bildirimler almak için e-posta adresinizi girin.

PAYLAŞ

Bir cevap veya yorum yazın

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


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