Css
-
Linear-Gradient
Linear-Gradient Çizgisel degrade uygulanmak istendiğinde bu özellik kullanılır. Bu özellik sayesinde %(yüzde) degrade verme imkanı var. Bu özelliğin de birçok CSS3 özelliğinde olduğu gibi browser’larda da farklı kullanım şekli vardır. -Webkit-Gradient Degrade verirken Chrome ve Safari tarayıcıları için kullanım şekli aşağıda verdiğim örnek gibidir. Kullanımı <style type="type/css"> body{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)) } </style> Yukarıda vermiş…
Devamını Oku » -
Transitions
Belki CSS3 ile gelen en güzel örneklerden birisi. Artık herhangi bir flash animasyon ya da javascript olmadan CSS ile efekt vermek mümkün. Bunu yaparken sadece değişiklik yapılmak istenen CSS özelliğini ve bunun yanında da bu özellik için saniye cinsinden sürenin belirtilmesi yetiyor. Örnek <head> <style type="text/css"> .oknpc{ width:150px; height:150px; background:#dddddd; transition:width 2s,height 2s; -webkit-transition:width 2s, height 2s, -webkit-trans-form 2s; -o-transition:width:…
Devamını Oku » -
Alt Seçiciler
[özellikler^=değer] Özelliğin değeri mutlaka değer ile başlıyorsa demektir. Bu kurala uyan elementlerin özellikleri seçilir. [özellik$=değer] Özelliğin değeri mutlaka değer ile bitiyorsa demektir. Bu kurala uyan elementlerin özellikleri seçilir. [özellik*=değer] Özelliğin değeri içinde değer sözcüğü geçenler demektir. Bu kurala uyan elementlerin özellikleri seçilir. Örnek Olarak ; <style type="text/css"> div[id^="yeni"]{ background:#ddd; } </style> <div id="yeni-icerik">okanacar.com.tr</div> <div id="eski-icerik">okanacar.com.tr</div> <div id="birinci-eski">okanacar.com.tr</div> <div id="yeni-icerik">okanacar.com.tr</div> <div…
Devamını Oku »