Bildiğiniz üzere Css3 çıktıktan sonra bazı yeni özellikler de geldi. Bu özellikler sayesinde bu güne kadar photoshop tarzı resim düzenleme programları ile oluşturduğumuz bir çok şekli artık kolayca web sayfaları tasarlamakta kullanabiliyoruz. Sanırım buraya kadar olan kısmı bilmeyen yoktur.
İşin kötü tarafı her tarayıcı sanki piyasada bende varım dedirtmek amacıyla bu özelliklerin önüne kendi isminin kıslatılmış olanını ekleyerek hatırlanmaya çalışıyor ve bizlere fazladan satır yazmamıza neden oluyorlar.
Safari için : -webkit-
Mozilla için : -moz-
Opera için : -o-
Internet Explorer için : -ms-
Google chrome için : Hem -webkit- eki hem de ek olmadan.
Bu eklerin tek faydası kullanmış olduğumuz Css değerlerin bütün tarayıcılar tarafından algılanmasını sağlıyor olmasıdır. Gözünü sevdiğimin Chrome ek olsa da olmasa da bu Css3 ile gelmiş olan bütün değerleri en iyi şekilde ve sorunsuz bir şekilde yapabiliyor.
Örnek bir kod :
-webkit-border-bottom-left-radius: 7.5em 5em; /* Safari & Chrome */
-moz-border-bottom-left-radius: 7.5em 5em; /* Firefox */
-ms-border-bottom-left-radius: 7.5em 5em; /* Internet Explorer */
-o-border-bottom-left-radius: 7.5em 5em; /* Opera */
border-bottom-left-radius: 7.5em 5em; /* W3C */
Css3 ile gelmiş olan yeni değerlerin tamamına buradan ulaşabilirsiniz.
