Resimdeki Olay CSS ile Nasıl yapılır

Arkadaşlar kırmızı borderlı slider alanı acaba nasıl yapılır o border kavisleri nasıl verildi, bir yöntemi var mı acaba ? Basit midir ?


--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 22:11:52 -->-> Daha önceki mesaj 21:13:09 --

mesela border-radius ile böyle kıvrımlı köşeler oluşturmak mümkün mü ? ve bir örneği mevcut mudur ?

http://border-radius.com/ sitesinden istediğin şekilde oluşturabilirsin köşelerdeki 6 değerlerini artırarak daha yuvarlak bir şekil oluşturabilirsin sitenin verdiği cssyi kullanman yeterli...

Bu siteyi biliyorum hocam ama tam istediğim gibi ya da resimdeki gibi yapamadım bi türlü aklım gitti bu arada tavsiye için teşekkürler

http://prntscr.com/1zw76s

Bu kırmızı ile işaretlediğim alan png bir resim ve sliderın resimlerinin olduğu yer boş.

position: absolute ve z-index kullanarak resimin üzerine o sliderın arkaplanını koyuyor. O resimin boş kısmında alttaki resimler gözüküyor.

Hocam kafam karıştı gerçekten ya örnek canlı görebileceğimiz bir kod var mıdır acaba ?

http://cdscript.com/slider/

http://cdscript.com/slider/slider.zip

bunu css ile yapmak çok komplike olur yahu.. saydam png ler ile çözülür bu tarz şeyler genelde

Şimdi hocam mantığı anladım ama ben arkaplan olarak pngi ekliyorum ama taşan kısımları nasıl gizleyeceğim yani o şeklin içine bu imaj nasıl girecek ?

border: 3px solid #a80808;
-moz-border-radius: 7px 7px 43px 43px / 8px 8px 384px 384px;
-webkit-border-radius: 7px 7px 43px 43px / 8px 8px 384px 384px;
border-radius: 7px 7px 43px 43px / 8px 8px 384px 384px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;