CSS ARKA PLAN ÖZELLİKLERİ

CSS ARKA PLAN ÖZELLİKLERİ

Tarhi : 15-05-2017 02:53:52 | Yazar : ÇAĞLAR BOSTANCI

CSS arkaplan özelliği div’lerin veya elementlerin arkaplanlarına renk, desen, resim gibi görseller atamak için kullanılır. Bir çok tasarımda arkaplanın önemli bir yer tuttuğu görülmektedir. Bu yazıda arkaplan rengi nasıl eklenir, konumlandırması nasıl yapırlır ve buna benzer background özelliklerini göreceğiz. Başarılar.

CLİP ÖZELLİĞİ

Grafilerde istenilen bölgenin gösterimesini sağlar. Absolute özelliği ile sabitlenmiş görseller üzerinde uygulanır.

CSS İle Gredient(Eğlimli Renk Geçişi)

CCS  ile kodlanan çeşitli renklerin geçişi ile oluşturulan bir görüntüdür.Renk geçişlerini iki tür kodlama ile yapmak mümkündür. Bunlardan biri çizgi boyunca ilerleyen renk geçişi linear-gradient(), diğeri ise bir daire içi geçişi sağlayan radial-gradient()’dir

linear-gradient() KULLANIMI

linear-gradient([<bg-position>||<angle>],<color-stop>,<color-stop>,[<color-stap>])
<bg-position> = Arka plan pozisyounu.
<angle>=Arka plan pozisyonu yerine açı kullanabilirsiniz.
<color-stop>= Virgün ile ayrılarak birden fazla renk değeri verilebilir.
Not: Web tarayıcıları kodların önüne konulan kendilerine has ön ad takıları ile çalışır.

Radial-Gradient KULLANIMI

Daire etrafında renk geçişi sağlar Friefox16, IE10 ve Opera DA ön takısız W3C standartlarını destekliyor.Kullanımında sadece Chrome ve Safari için -webkit- ön takısı getirilmelidir. Radial Gradient ile renk geçişleri elips ve daire(circle) ile tanımlanmaktadır.*/
Circle Kullanımı

Ellipse Kullanımı

Diğer Kullanımı

Seçenekler

closest-side || closest-corner || farthest-side || farthest-corner

Repeating-Linear-Gradient

Çizgisel renk geçişini istenilen aralıkta ve renkte tekrarını yapar.

Yatay ve dikey gradient

Repeating-radial-gradient Kullanımı

Dairesel renk geçişini istenilen aralıklara ve renklere göre geçişini yağmak için kullanılır.

ÜÇGEN TASARLAMA

Yukarı gösteren üçgen örenği

CSS BİLGİ BALONU YAPIMI

 

 

Reklam Alanı