shayan 116 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 سلاممن میخوام بدونم چطور میشه چنین انحنا هایی به شکل تصاویر زیر با css یا هر چیز دیگه درست کرد؟نمونه آنلاین : همایش وردپرس نقل قول لینک به ارسال
بیتفا 74 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 با css نمیشهبا فتوشاپ درست مکنند بعد با خاصیت position:relative در css اونو میفرستن رو لایه زیری که باعث میشه لایه زیری بریده به نظر برسهیاعلی نقل قول لینک به ارسال
مرتضی نظری 4182 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 به دو روش:استفاده از عکس(منسوخ شده)با استفاده از روش لایه ای (css) و کار با z-index ها...بدین صورت که لایه پایینی z-index پایینتری داشته باشه... و برعکسدر این صورت لایه هایی که z-index بالاتری دارند بالاتر قرار میگیرند... نقل قول لینک به ارسال
shayan 116 ارسال شده در مرداد 94 مالک گزارش بازنشر ارسال شده در مرداد 94 به دو روش:استفاده از عکس(منسوخ شده)با استفاده از روش لایه ای (css) و کار با z-index ها...بدین صورت که لایه پایینی z-index پایینتری داشته باشه... و برعکسدر این صورت لایه هایی که z-index بالاتری دارند بالاتر قرار میگیرند...خب این مواردی که شما فرمودید میشه مرحله دوم کاراول باید ببینم که اصلا چطور با css این کا رو انجام بدم نقل قول لینک به ارسال
مرتضی نظری 4182 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 حس کد زدن ندارم ولی کلید کار رو میدمدو لایه ایجاد میکنیم، اولین لایه، لایه بیس کار هست... لایه دوم لایه انحنا یا شکستگی لایه بیس هست...(من لایه شکستگی رو فقط میگم فعلا)z-index لایه بیس رو 0 و z-index لایه دوم رو 1 میدیم...لایه شماره دو متشکل از یک مستطیل هست که چرخانده شده... البته باید موقعیت دهی در css رو خوب بلد باشید...همین نقل قول لینک به ارسال
بیتفا 74 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 حس کد زدن ندارمولی کلید کار رو میدمدو لایه ایجاد میکنیم، اولین لایه، لایه بیس کار هست... لایه دوم لایه انحنا یا شکستگی لایه بیس هست...(من لایه شکستگی رو فقط میگم فعلا)z-index لایه بیس رو 0 و z-index لایه دوم رو 1 میدیم...لایه شماره دو متشکل از یک مستطیل هست که چرخانده شده...البته باید موقعیت دهی در css رو خوب بلد باشید...همیناین دوستمون چقدر لقمه رو می پیچونه! استفاده از عکس به هیچ وجه منسوخ نشده و همچنین عکسی کلا 5 کیلوبایت حجم داره(تو حالت گیف)z-index هم که این آقا میگم طبیعیه که بعد از relative باید اعمال بشهشما عکس رو بساز و لایه بیس رو انتخاب و رویی رو با عکس بپوشون نقل قول لینک به ارسال
shayan 116 ارسال شده در مرداد 94 مالک گزارش بازنشر ارسال شده در مرداد 94 دوستان ببینید من تونستم این کد رو پیدا کنم.class { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 100px; border: 50px solid #1abc9c; border-top: 0 solid; border-bottom: 35px solid rgba(0,0,0,0); font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; -webkit-transform: rotateX(-180.76deg) rotateY(-180.51deg) scaleX(10) ; transform: rotateX(-180.76deg) rotateY(-180.51deg) scaleX(10) ;}فقوط چون میخوام تو صفحه ریسپانسیو از استفاده کنم بایدبه صورت اتوماتیک کش بیاد و مناسب صفحه بشهببینید اگر مشکلی داره بر طرف کنید بی زحمتمیخوام نهایتا به این نتیجه برسمخیلییییی ممنون نقل قول لینک به ارسال
shayan 116 ارسال شده در مرداد 94 مالک گزارش بازنشر ارسال شده در مرداد 94 تو سایت همایش وردپرس از svg استفاده شده :<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="60" viewBox="0 0 100 102" preserveAspectRatio="none" class="svg-sep"> <path d="M0 0 L50 100 L100 0 Z"/> </svg>@mortezaلطفا راهنمایی کنید به همراه آموزشممنون 1 نقل قول لینک به ارسال
AMIRIOD 2 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 سلام برای این کار دو تا راه هست یکی این که تو فتوشاپ این کارو بکنید و با فرمت gif سیو کنید دوم استفاده از یه خصیصه در css هستش به اسم border-radius که مقدارش هم اون قدریه که میخواین منحی داشته باشه مانند:style="border-radius:25 25 25 25[/CODE]border-radius:25 25 25 25البتهدومی برای باکسی ها کاربرد داره. (مانند div ) 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .