Oval Köşe Yapımı

Apple şirketi tarafından safari web browser için geliştirdiği web içeriği görütüleme teknolojisi webkitin oval köşe yapımı:

Ne yazıkki Bu özellik şu anda bütün tarayıcılar tarafından desteklenmemekte. Şu anda Destekleyen tarayıcılar Mozilla, Google ve Safari browserleri ile kısıtlıdır. Böylesi bir durumda ister istemez webtasarımcının canını sıkabiliyor. Çünkü yapılan tasarımlar her tarayıcıda aynı görüntüyü vermiyor. İnternet explorerinde bu teknolojiyi tanıyıp bu teknoloji hakkında çalışmalara başlamasını merakla bekliyoruz.

Eskiden hazırladığımız normal bir css cerceve kodu

Bu css kodumuzun oluşturacağı çerçeve şekli internet explorer mozilla  ve cheromede  aşağıdaki resimdeki gibi olur

Şimdi bu css kodlarımızın içerisine border-radius: 15px kodunu ekleyelim.

3 ayrı tarayıcıda  açtığımızda karşımıza  çıkacak olan görüntüler.

İnternet Explorer ekran görüntü  şeklü  keskin köşeli bir  şekilde  görünür :

Google Cherome Ekran görüntüsü bir şekilde  görünür:

Mozilla firefox görüntüsüde  cherome  ile aynıdır:

border-radius: 15px ayarını  border-radius: 70px olarak  ayarlarsak oval  köşeli  görüntümüz yuvarlak  bir  görüntü halini  alacaktır.

Konu ile  ilgili aşağıda verdiğim demo adresinde örnek çerçeve görünümünü  bulabilirsiniz. Yanlız  demo adreslerini farklı farklı tarayıcılardan görmeniz  daha iyi  olur aradaki farkı kendiniz  görürsünüz.

• Demo