CSS 3 beraberinde web tasarım ve programlamayıda etkileyecek. Web tasarımı özgürlüğe taşıyan css 3 te birçok yeni stiller bulunmakta. CSS 3 ile birlikte birkaç yıl içerisinde web tasarım şirketleri veya bireysel çalışan tasarımcılar çok daha yenilikçi olacak. Bir bilgisayar oyunu bili yazılabilir hale gelmiş durumda. eskiden etiket dediğimiz html kod aralıklarına bir süre element deniliyordu artık obje olarak hitab edilecek gibi görünüyor. yavaş yavaş vektörelleşmeye başlayan tasarımlar yolda..

CSS 3 ile yeni özellikler

ilk olarak objelerin ovalleştirmeye yarayan border radiustan bahsedelim… bu özellik objelerimizin köşelerini ovalleştirerek görünüme ayrı bir renk katmakta. her köşe için ayrı ovalleştirme derecesi verilebilir.

Ardından Transform özelliği geliyor bu özellikle birlikte objeleri bırakın yataj dikey çevirmeyi açılı çevrilmekle birlikte eğimde veriliyor. yavaş yavaş zihninizde “3. boyuta geçtik” düşünceleri uyanmaya başlıyabilir. Çünkü 3d tasarımın temeli ğim ve açılara dayanmaktadır.

Ve sırada box-Shadow var.(Yanlış anlamadınız gölge oluyor kendileri.) Bu özellikle çevirdiğimiz eğdiğimiz büktüğümü kutulara gölge verebiliyoruz 3 boyuta birde ışık katmış olduk.

Bununla birlikte Text-shadow geldi yazılarda yine gölgelenebilicek.

Text-rotation ile birlikte yazılarada açı verebiliyoruz..

RGB yani gelişmiş renk sistemide yeniliklere katılıyor. 16 lık tabanda harf sayı karışık hex kodları yerine artık 0-255 arasında değişen değerlerle ana renkleri sayısal olarak ayrı ayrı ifade edebilicez.

Opacity saydamlık bu özellik ile birlikte cam gibi objelerimizi yarı saydam veya tam saydam yapabiliyoruz.

outline-ofset ile çerçeveler daha anlamlı oluyor çerçeve ve kutu arasındaki uzaklığı ayarlayabiliyor çerçeveyide eskisi gibi belirleyip boyutlandırabiliyoruz.

Ve önemli özelliklerden sonuncusu gradiet renkleri kullanırken aynı zamanda renk geçişleride oluşturabiliyoruz.ki bu bize parlama efektleri yansıma efektleri sağlıyor.

Yenilikler ile birlikte Megabyte larca boyut yerine bir kaç byte ile  işimizi halledip resimler kullanarak efekt verme gibi ilkel yollardan kurtuluyoruz diyebiliriz…

Bu özellikleri online olarak sağlayan css 3 motorlarıda tabiki var ilgili yazımızda bolca örnek vermiştik…Tasarımdan sonra çalışmanızıda w3c standartlarına uygunluğu doğrultusunda test etmenizi öneriyorum…

 

1. Haluk diyor ki:

   10 Eylül 2011, 20:51

   Bu yararlı bilgiler için gerçekten çok saolun

   Cevapla