CSS ile resimlerin k├Â┼čelerini yuvarlat─▒n (imajs─▒z) - SPAKSUÔäó Blog [fdx-switch-link]

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.

┬ę 2007-2017 T├╝m haklar─▒ Spaksu Blog'a aittir.

Kullan─▒m ┼×artlar─▒ yerine getirilmeden hi├žbir ┼čekilde kopyala - yap─▒┼čt─▒r yap─▒lamaz, yaz─▒lar ve bilgiler kullan─▒lamaz.