CSS3′te Kenarları Yuvarlak Çerçeve Yapımı

0

CSS3′ün biz web tasarımı ile uğraşanların hayatına getirdiği kolaylıklar oldukça fazla. Önceden çoğu efekt ve görsel öğenin kodsal bazda yapımı mümkün değildi. Bu sebeple bu öğeleri grafiksel olarak desteklemek gerekirdi. O günlerde bu günlere web tasarımı düşünüldüğünde CSS3‘ün getirdiği kolaylıklar yatsınamaz.

Bugüne dönecek olursak, çoğu arayüz tasarımında karşımıza çıkan radius (kenarları yuvarlak) çerçeveyi grafiksel öğe kullanmadan sadece kod ile artık yapılabilmekte. border-radius ismini taşıyan bu özellik ayrıca aşağıda bulunan internet browserlarında sorunsuz çalışmaktadır.

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

Peki CSS3 ile border-radius (Kenarları Yuvarlak Çerçeve) Nasıl Yapılır?

Aşağıda bulunan kod dizinini kendi çalışmanıza göre ayarlabilirsiniz.


border:solid 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

Benzer Yazılar

Yorum Yaz

*

"CSS3′te Kenarları Yuvarlak Çerçeve Yapımı" 0 yorum yapıldı

Henüz yorum yazılmamış. Neden ilk yorumu sen yazmıyorsun?

Reklam ve Sponsorluk

  • Grafik Tasarım
  • Grafik Tasarım
  • Reklam Verin
  • Reklam Verin

Evden Tasarım Facebook’ta

Sosyal Medya