صورت مسئله برش تصاویر بصورت لوزی شکل در طراحی خیلی رایج است اما هنوز در CSS راه حل خیلی راحتی ندارند. قطعا به وسیله ویرایشگرهای تصاویر انجام این کار بسیار آسان خواهد بود, اما راه حل بهتر این است که در فاز پیاده سازی این کار انجام شود تا خود تصاویر دست نخورده باقی بمانند […]
ساخت متوازی الاضلاع
فرض کنید بخواهیم یک عنصر, مثلا یک دکمه را به شکل متوازی الاضلاع بسازیم راه حل شما چیست؟
اشکال بیضی شکل انعطاف پذیر
در این مطلب با نحوه ساخت اشکال بیضی شکل آشنا می شویم
حاشیه های تصویری پیوسته
صورت مسئله همانطور که گاهی طرح هایی برای پس زمینه ها در نظر می گیریم. برخی موارد نیاز است تا چنین طرح هایی را در قسمت حاشیه داشته باشیم. شاید جواب بدهید, کار ساده ای است می توانیم از border-image استفاده کنیم.
طرح های کاتوره ای در پس زمینه
صورت مسئله طرح های تکرارپذیر هندسی قشنگ و خوب هستند اما می توانند کمی خسته کننده باشند. در طبیعت هم, خیلی کم پیش می آید تا الگوهای کاملا همسان داشته باشیم. حتی در موارد تکراری نیز, کمی تفاوت و غیر یکسانی و یا همان رفتارهای تصادفی یا کاتوره ای وجود دارد.
ساخت طرح های پیچیده در پس زمینه
صورت مسئله در مطلب قبلی نحوه ساخت طرح های راه راه را بررسی کردیم. اما اینگونه طرح ها تنها نقش و نگاری که می توانند در طراحی مورد استفاده قرار بگیرند نیستند و طرح های هندسی و انواع دیگری هم از قبیل شبکه ای, پولکا یا همان خال خال و یا طرح های شطرنجی هم […]
پس زمینه های راه راه
صورت مسئله همان طور که در تصویر بالا مشاهده می کنید ساخت طرح های راه راه همیشه یکی از درگیری های ذهن بشر در زمینه های مختلف بوده است تا جایی که ذهن این مانکن هم…
گرد کردن گوشه های داخلی
صورت مسئله گاهی نیاز داریم تا نگهدارنده ای مثل شکل زیر داشته باشیم که گوشه هایش از سمت بیرون تیز و از سمت داخل گرد است. یک راه حل نه چندان جالب استفاده از دو عنصر است که می توان گوش های عنصر داخلی را با border-radius گرد کرد و عنصر بیرونی با […]
تعیین مکان پس زمینه با روش های انعطاف پذیر
صورت مسئله گاهی در طراحی نیاز داریم تا تصویر پس زمینه را در گوشه ای متفاوت از گوشه بالا سمت و چپ, مثلا پایین و سمت راست عنصر قرار دهیم. با استفاده از ویژگی background-position می توان چنین کاری را انجام داد اما اگر بخواهیم تا فاصله ای بین تصویر پس زمینه و لبه های […]
حاشیه های چندتايي
صورت مسئله هنوز هم گاهی این سوال مطرح می شود که آیا نیاز است که همانطور که می توانیم چند پس زمینه برای یک عنصر تعیین کنیم, بتوانیم چند حاشیه (border) نیز برای یک عنصر خاص تعیین کنیم؟