طرح های کاتوره ای برای پس زمینه در css

طرح های کاتوره ای در پس زمینه

صورت مسئله طرح های تکرارپذیر هندسی قشنگ و خوب هستند اما می توانند کمی خسته کننده باشند. در طبیعت هم, خیلی کم پیش می آید تا الگوهای کاملا همسان داشته باشیم. حتی در موارد تکراری نیز, کمی تفاوت و غیر یکسانی و یا همان رفتارهای تصادفی یا کاتوره ای وجود دارد. مطالب مرتبط ساخت طرح […]

ساخت الگوهای پیچیده در پس زمینه

ساخت طرح های پیچیده در پس زمینه

صورت مسئله در مطلب قبلی نحوه ساخت طرح های راه راه را بررسی کردیم. اما اینگونه طرح ها تنها نقش و نگاری که می توانند در طراحی مورد استفاده قرار بگیرند نیستند و طرح های هندسی و انواع دیگری هم از قبیل شبکه ای, پولکا یا همان خال خال و یا طرح های شطرنجی هم […]

پس زمینه های راه راه در css

پس زمینه های راه راه

صورت مسئله همان طور که در تصویر بالا مشاهده می کنید ساخت طرح های راه راه همیشه یکی از درگیری های ذهن بشر در زمینه های مختلف بوده است تا جایی که ذهن این مانکن هم… مطالب مرتبط ساخت طرح های پیچیده در پس زمینه طرح های کاتوره ای در پس زمینه حاشیه های تصویری […]

گرد کردن گوشه های داخلی

گرد کردن گوشه های داخلی

صورت مسئله گاهی نیاز داریم تا نگهدارنده ای مثل شکل زیر داشته باشیم که گوشه هایش از سمت بیرون تیز و از سمت داخل گرد است.     یک راه حل نه چندان جالب استفاده از دو عنصر است که می توان گوش های عنصر داخلی را با border-radius گرد کرد و عنصر بیرونی با […]

تعیین مکان پس زمینه به روش های مختلف

تعیین مکان پس زمینه با روش های انعطاف پذیر

صورت مسئله گاهی در طراحی نیاز داریم تا تصویر پس زمینه را در گوشه ای متفاوت از گوشه بالا سمت و چپ, مثلا پایین و سمت راست عنصر قرار دهیم. با استفاده از ویژگی background-position می توان چنین کاری را انجام داد اما اگر بخواهیم تا فاصله ای بین تصویر پس زمینه و لبه های […]

حاشیه های چندگانه در css

حاشیه های چندتايي

صورت مسئله هنوز هم گاهی این سوال مطرح می شود که آیا نیاز است که همانطور که می توانیم چند پس زمینه برای یک عنصر تعیین کنیم, بتوانیم چند حاشیه (border) نیز برای یک عنصر خاص تعیین کنیم؟ مطالب مرتبط تعیین مکان پس زمینه با روش های انعطاف پذیر گرد کردن گوشه های داخلی پس […]

حاشیه های نیمه شفاف

ساخت حاشیه نیمه شفاف

به احتمال زیاد با ساخت رنگ های نیمه شفاف در CSS بوسیله توابع رنگی ()rgba و ()hsla آشنایی دارید. با وجود اینکه خیلی از افراد با این توابع آشنایی دارند و همینطور جلوه های زیبایی می توان بوسیله آنها بوجود آورد هنوز هم خیلی ها از این توابع استفاده نمی کنند. و اگر هم مورد […]

معرفی کتابخانه های انیمیشن در سی اس اس

معرفی کتابخانه های انیمیشن

دنیای وب امروز سرشار از متحرک سازی های چشم نواز و شگفت انگیز است. امروزه توسعه دهندگان وب از روش های مختلف برای تشویق و سرگرم کردن و یا آگاهی دادن و هدایت کردن مخاطبینشان استفاده می کنند. و انیمیشن یکی از این ابزارها برای رساندن ما به این هدف می باشد. در این مطلب […]

وسط قراردادن عناصر در سی اس اس

وسط قرار دادن عناصر در CSS

وسط قرار دادن عناصر در طراحی صفحات وب یکی از موارد رایج می باشد. در این مطلب قصد داریم تقریبا همه شرایطی که برای وسط قرار دادن عناصر بوجود می آیند را بررسی کنیم. این نوشته ترکیبی از مطلب عالی در سایت css-tricks.com و تجربه بنده است. چون موضوع از اهمیت زیادی برخوردار است از […]

استایل دهی مخصوص ie

CSS با طعم IE

تعریف صورت مسئله به عنوان یک برنامه نویس و یا طراح وب قطعا تابحال دموی خاص و یا استایل خاصی را دیده اید که بسیار جذاب بوده است و با یک هیجان زیاد تصمیم به پیاده سازی آن را برای پروژه ای که در حال ساختش هستید گرفته اید اما به محض اینکه شروع به […]