CSS ile resimlerin köşelerini yuvarlatın (imajsız) – SPAKSU™ Blog [fdx-switch-link]
E-posta Güvenliği İçin Almanız Gereken En Önemli Tedbirler E-posta Güvenliği İçin Almanız Gereken En Önemli Tedbirler
E-posta Güvenliği İçin Almanız Gereken En Önemli Tedbirler
ISO 27001 ve 27002’deki 2022 Sürüm Değişiklikleriyle İlgili Bilgiler ISO 27001 ve 27002’deki 2022 Sürüm Değişiklikleriyle İlgili Bilgiler
ISO 27001 ve 27002'deki 2022 Sürüm Değişiklikleriyle İlgili Bilgiler
Uzaydaki Gözlem Uydularından Gelen Gizlilik Tehlikesi Uzaydaki Gözlem Uydularından Gelen Gizlilik Tehlikesi
Uzaydaki Gözlem Uydularından Gelen Gizlilik Tehlikesi
Senaryolar Üzerinden Türkiye’nin Bilgi Güvenliği Farkındalık Seviyesi Senaryolar Üzerinden Türkiye’nin Bilgi Güvenliği Farkındalık Seviyesi
Senaryolar Üzerinden Türkiye'nin Bilgi Güvenliği Farkındalık Seviyesi
Parola Güvenliği Farkındalığı ve Güçlü Parola Oluşturma Rehberi Parola Güvenliği Farkındalığı ve Güçlü Parola Oluşturma Rehberi
Parola Güvenliği Farkındalığı ve Güçlü Parola Oluşturma Rehberi
Whatsapp aslında yıllardır verilerinizi Facebook ile paylaşıyor Whatsapp aslında yıllardır verilerinizi Facebook ile paylaşıyor
Whatsapp aslında yıllardır verilerinizi Facebook ile paylaşıyor
“Logoların Gizli Dili” Günlük yaşantımızda neden her yerde logolar var? “Logoların Gizli Dili” Günlük yaşantımızda neden her yerde logolar var?
"Logoların Gizli Dili" Günlük yaşantımızda neden her yerde logolar var?
Virüsler İnsanlara Karşı: #Covid19 bilimi hakkında 3 basit nokta Virüsler İnsanlara Karşı: #Covid19 bilimi hakkında 3 basit nokta
Virüsler İnsanlara Karşı: #Covid19 bilimi hakkında 3 basit nokta
Becerilerinizi geliştirecek 7 farklı tasarım meydan okuması Becerilerinizi geliştirecek 7 farklı tasarım meydan okuması
Becerilerinizi geliştirecek 7 farklı tasarım meydan okuması
Logo tasarlamanızı geliştirecek 6 önemli tavsiye Logo tasarlamanızı geliştirecek 6 önemli tavsiye
Logo tasarlamanızı geliştirecek 6 önemli tavsiye
Sitenizi ayakta tutmanız için yapmanız gereken 7 şey Sitenizi ayakta tutmanız için yapmanız gereken 7 şey
Sitenizi ayakta tutmanız için yapmanız gereken 7 şey
Yeni başlayanlar için tam bir Logo Tasarım Rehberi Yeni başlayanlar için tam bir Logo Tasarım Rehberi
Yeni başlayanlar için tam bir Logo Tasarım Rehberi
Beğenmediğiniz bir tasarımın daha iyisini siz yapın! Beğenmediğiniz bir tasarımın daha iyisini siz yapın!
Beğenmediğiniz bir tasarımın daha iyisini siz yapın!
Siber Farkındalık Manifestosu #SiberGüvenlik Siber Farkındalık Manifestosu #SiberGüvenlik
Siber Farkındalık Manifestosu #SiberGüvenlik
Kendi Android Uygulamanızı kolayca ve ücretsiz oluşturun Kendi Android Uygulamanızı kolayca ve ücretsiz oluşturun
Kendi Android Uygulamanızı kolayca ve ücretsiz oluşturun
Duyarlı (responsive) Markalaşmaya Hazır mıyız? Duyarlı (responsive) Markalaşmaya Hazır mıyız?
Duyarlı (responsive) Markalaşmaya Hazır mıyız?
Bütün tasarımcıların bilmesi gereken ücretsiz kaynaklar Bütün tasarımcıların bilmesi gereken ücretsiz kaynaklar
Bütün tasarımcıların bilmesi gereken ücretsiz kaynaklar
Sosyal Medya ile Blogunuzu Tanıtın ve Güçlendirin Sosyal Medya ile Blogunuzu Tanıtın ve Güçlendirin
Sosyal Medya ile Blogunuzu Tanıtın ve Güçlendirin

CSS ile resimlerin köşelerini yuvarlatın (imajsız)

CSS son zamanlarda öyle gelişti ki bazı kişiler sadece CSS3 kullanarak animasyonlu banner bile hazırlamaya başladılar. Tarayıcılar ise bu çılgınlığa ayak uydurmaya çalışıyorlar. Neyse konumuza dönecek olursak blog içerisinde kullandığım bir kod yapısı ile herhangi bir imaj kullanmadan sitenizdeki tüm resimlerin köşelerini istediğiniz derecede yuvarlatabilirsiniz.

Gelelim kodlama yapısına, klasik css kodu kullanacağız. Eğer belli bir css kısmının içerisindeki tüm resimleri etkilemesini istiyorsanız alttaki kodları o yapıya ekleyebilirsiniz. Bu kod yapısı Firefox, Safari ve Chrome tarayıcıları için kullanılabilir. Kod yapılarının ayrı yazılmasının sebebi; -moz mozilla, –webkit safari ve chrome, –khtml ise Konquerer tarayıcıları için kullanılan kod yapısıdır. Kod yapısı muhtemelen IE9’da da işe yarıyor lakin diğer Internet explorer versiyonlarında işe yaraması için ek bir kütüphaneye ihtiyaç duyuyor.

.post img 
{ 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px; 
} 

Alıntı yapılan makalenin tümüne ve internet explorer versiyonları ile ilgili daha detaylı bilgiye buradan ulaşabilirsiniz.

5 yorumlar On CSS ile resimlerin köşelerini yuvarlatın (imajsız)

Bi Yanıt Bırak:

E-posta hesabınız yayınlanmayacak.

© 2006-2023 Tüm hakları Spaksu Markasına aittir.
Bu site ve içeriği, Kullanım Kuralları kapsamında belirtilen koşullar çerçevesinde kullanılmalıdır. Hiçbir şekilde site ve içeriğinin tamamı veya bir bölümü, Kullanım Şartları yerine getirilmeden özel izin alınmadan kopyalanamaz, dağıtılamaz, yeniden yayınlanamaz, çoğaltılamaz veya başka bir ortamda kullanılamaz