ورود

ورود کاربر

0%

طراحی کج و مورب (ترفند)

از اونجا که طراحی های کج و مورب مثل طراحی Flat داره همه گیر و فراگیر میشه و از اونجا که ما هم دوست داریم این سبک طراحی رو و دوست نداریم که از تکنولوژی جا بمونیم  :ی  توی یکی از قسمت های سایت از این سبک استفاده کردیم .

خیلی از سایت ها هستند که از این سبک استفاده می کنن مثل این سایت ، ولی یه اشکاله کوچولو هست اونم اینه که از عکس استفاده می کنن و اگر ما سایت رو zoom out بکنیم تیکه های بریده شده عکس رو می تونیم ببینیم و این از لحاظ ظاهری شاید برای خیلیها خوب نباشه و دوست نداشته باشند .

 

حالا ترفند چیه :

استفاده از border-width و border-style میتونه دقیقا همچین شکل و شمایلی رو به ما بده ، یعنی اینکه ما می تونیم به سمت چپ یا راست صفحمون یک مقدار بیشتری بدیم و اونرو کج کنیم .

دموی اول با استفاده از css3 که از خاصیت Viewport استفاده شده ولی متاسفانه همه ی مرورگر ها ساپورت نمی کنن .

دموی دوم با استفاده از jQuery هست برای تمامی مرورگر ها .

 

دموی اول با Css3

دموی دوم با jQuery

 

لینک مفید : Css-tricks

دسته بندی: 
برچسب ها: 

دیدگاه‌ها

افزودن دیدگاه جدید