CSS3 Kodlarını Her Tarayıcıda Çalıştırmak

[momenthe]

Bildiğiniz gibi bazı kodlar, yani css3 gerektiren border, shadow (ovallik, gölge vs..) gibi özel efektli kodlar her tarayıcıda çalışmıyor. Ancak birkaç kod ile bu sorunlarda çözülebiliyor.

> Aktif Tarayıcılar
√ Mozilla Firefox
√ Google Chrome
√ Opera
√ Safari
X İnternet Explorer

Şimdi bunu kısaca örnekle açıklayalım..

Kod:

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

Üstteki kodda mozilla ve diğer tarayıcılar için çalışan ovallik kodu var. Bunu, forumda istediğimiz hangi bölgeyi oval yapmak istiyorsak o css'in içine ekleyip kaydediyoruz. Bu kadar.. Diğer css3 kodları içinde aynı mantık, webkit-moz ve normal olanını kullanırsanız aynı şekilde onlarıda tüm tarayıcılarda aktif etmiş olursunuz.

Örnek bir css kodu..

Kod:

input {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Bu kod, forumdaki giriş bölümü, buton, şifre yazma bölümü gibi kutucukları oval yapar.

CSS Nerede ?
> Afiş Asmak > Renkler ve Resimler > Renkler > CSS Stylesheet

Yakında css3 kodlarını tüm fonksiyonları ile anlatacağım, kolay gelsin..
(İlgilenen : Atiim)