Oval Köşe Yapımı

0
305
Görüntülenme

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

Css3 Webkit Oval Köşe Yapımı | mintik.com
Bu css kodumuzun oluşturacağı çerçeve şekli internet explorer mozilla  ve cheromede  aşağıdaki resimdeki gibi olur

Css3 Webkit Oval Köşe Yapımı

Ş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 :Css3 Webkit Oval Köşe Yapımı

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:

Css3 oval köşe yapımı

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.

Aranan Kelimeler:

  • yuvarlak pimi 6 kose yapmak
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikWebKit yerleşim motoru
Sonraki İçerikWater Effect
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.