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.

Okumaya devam…


Yuvarlak köşe biçimli css tablo yapısı oluşturmak

Bir çok webmaster menu yada herhangi bir tablo oluştururken köşelerin rounded (yuvarlak) biçimli olmasını ister. Size önericeğim site, renkleri ve köşelerin özelliklerini belirttikten sonra hem köşe imajlarını hemde kullanacağınız css ve html kodlarını size veriyor sizede sadece kullanması kalıyor.

Yapmanız gereken şeyler ilk olarak Box Background (kutu arkaplan rengi) , Page Background (sayfa arkaplan reng) , Corner Radius (köşelerin yarıçap değeri) ve Köşelerin transparan yapısını belirtmek. Create Graphic (grafikleri oluştur) dediğinizde size 4 adet köşelerin gif resimlerini , css yapısını ve htmlde kullanıcağınız kod yapısını veriyor ve gerisi tamamen sizin kullanım şeklinize kalıyor. İşte sitemiz ;

http://wigflip.com/cornershop/