İmajsız Bir Şekilde CSS ile Resimlerin Köşelerini Yuvarlatın!

İmajsız Bir Şekilde CSS ile Resimlerin Köşelerini Yuvarlatın! Web sitelerimizdeki resimlerin köşelerini yuvarlatmak istiyoruz peki bunu ne kullanarak yapabiliriz? Bunu css şekilde yapmak istediğimizde imajsız bir biçimde css ile resimlerin köşelerini yuvarlatabiliriz CSS son  zamanlarda  öyle gelişti ki bazı kişiler yalnızca CSS3 kullanarak animasyonlu banner dahi 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 kullanılmadan sitenizdeki bütün resimlerin köşelerini dilediğiniz derecede yuvarlatabilirsiniz. Gelelim kodlama yapısına, klasik css kodu kullanacağız. Eğer belirgin bir css kısmının içerisindeki bütün 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, –webkitsafari ve chrome, –khtml ise Konquerer tarayıcıları için uygulanan 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; }


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar