كسي ميدونه چطوري با css اين طرحويشه در اورد ؟

[mamadshoshteri]

سلام من هر كاري كردم نتونسم با css يه همچين طرحي رو بزنم بنظرتون شدنيه يا بايد عكس بزارم ؟

اگه راهي داريد ممنون ميشم با يه مثال راهنمايي كنين

 

[pishroweb]

مثلا با این کد یه ذوذنقه در میاری میتونی یه استایل دیگه هم یزنی و بذاری کنارش تا اونی که میخوایی در بیاد

.trapez{
width:100px;
 height:0;
 border-bottom:100px solid blue;
 border-left:60px solid transparent;
 border-right:60px solid transparent;
}

 

[farik]

باسلام..
دوست عزیز یک نگاهی به اینجا بنداز از این پیچیده تر هاش رو هم آورده:http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/
برای مرورگرهایی هم که ساپورت نمیکنن:
http://css3pie.com/demos/gradient-patterns/
موفق باشید

 

[mamadshoshteri]

باسلام..
دوست عزیز یک نگاهی به اینجا بنداز از این پیچیده تر هاش رو هم آورده:http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/
برای مرورگرهایی هم که ساپورت نمیکنن:
http://css3pie.com/demos/gradient-patterns/
موفق باشید

سلام ممنون دوست ولي لينك اولي باز نشد http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/

 

[mamadshoshteri]

مثلا با این کد یه ذوذنقه در میاری میتونی یه استایل دیگه هم یزنی و بذاری کنارش تا اونی که میخوایی در بیاد

.trapez{
width:100px;
 height:0;
 border-bottom:100px solid blue;
 border-left:60px solid transparent;
 border-right:60px solid transparent;
}

سلام ممنون از راهنماييتون براي اون 2 تا خط مورب چي پيشنهاد ميدين ؟ ميشه اون 2 تارم توي همين دايو در اورد يا بايد از دايوهاي بيشتر استفاده كنم ؟

 

[farik]

باسلام..
مشکلی نیست همون کد های صفحه دیگهhttp://css3pie.com/demos/gradient-patterns/) هم کارساز خواهند بود فقط قسمت behavior رو باید حذف کنین..
موفق باشید..

 

[pishroweb]

بله میشه تو یه دایو در اورد
از لینکی که دوستمون دادن هم استفاده کنید

 

[mahya_KaraIT]

دو تا خط سمت چپ هم که با rotate css3 چرخیدن