CSS3 ile Border Radius Kullanma

borderWeb tasarımı yapan tasarımcılar tarafından en çok kullanılan özelliklerden biri; yuvarlatılmış köşelere sahip kutular oluşturmaktır. Bunu yapmak için eskiden resimler kullanılırdı. Fakat şimdi CSS3 ile gelen yeni özelliklerden biri olan border-radius ile bunu yapmak artık çok kolay.

border-radius özelliği CSS3 ile birlikte geldi ve yuvarlak kenar yapmak için kullanılıyor. Web 2.0 ile birlikte bir çok sitede artık bu yapı tercih ediliyor. Bende size kullanımı hakkında kısaca bilgi vereceğim. Öncelikle aşağıdaki tarayıcı sürümlerinde desteklendiğini belirtmek isterim:

IE 9+
Firefox 3.5+
Chrome 4.1+
Opera 10.5+

Kullanımı:

[css]
border:solid 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
[/css]

demo

Emrah

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni, Yazar, WebMaster, Blogger, SEO eğitmeni. Araştırmacı, sinema sever, fitness yapar, farklı doğal güzellikleri keşfetmeye bayılır.

Yorum Yap

Porno Gratuit Porno Français Adulte XXX Brazzers Porn College Girls Film érotique Hard Porn Inceste Famille Porno Japonais Asiatique Jeunes Filles Porno Latin Brown Femmes Porn Mobile Porn Russe Porn Stars Porno Arabe Turc Porno caché Porno de qualité HD Porno Gratuit Porno Mature de Milf Porno Noir Regarder Porn Relations Lesbiennes Secrétaire de Bureau Porn Sexe en Groupe Sexe Gay Sexe Oral Vidéo Amateur Vidéo Anal