احتمال دارد حتی اگر یک بار فوتوشاپ یا ابزارهای گرافیکی شبیه به آن را باز کرده باشید کلماتی مثل multiply, screen و overlay را دیده باشید. این کلمات حالت هایی از آمیختن اشیا گرافیکی هستند که با تشکر از تیم Adobe Web Platform امروزه ما می توانیم از این حالت ها و جلوه ها در […]
در اینجا به نمایش چند مثال جالب در مورد آمیختگی در CSS می پردازیم. اگر با این مبحث آشنایی ندارید به این مطلب مراجعه کنید. دموی های زیر توسط بنده طراحی نشدند اما اگر در مورد هر یک سوالی بود در خدمتم. استفاده در نمودارها در مثال زیر برای ساخت نمودارها از SVG استفاده […]
از ویژگی isolation برای ایزوله کردن یک گروه از عناصر در برابر آمیخته شدن با محتوای پشت سرشان استفاده می شود. معمولا از isolation در زمانی که از ویژگی mix-blend-mode استفاده می کنیم, بهره می بریم. فرض کنید یک متن در تگ <h1> را بخواهیم با محتوای پشت سرش ترکیب کنیم, ساختار بصورت زیر است: […]
از ویژگی mix-blend-mode برای مشخص کردن حالت blend-mode در مورد آمیختن یک عنصر با محتوای پشت سر آن (backdrop) استفاده می شود. اول چند مفهوم را با استفاده از تصویر زیر بررسی می کنیم: source عنصر مورد نظر ما می باشد که می خواهیم ویژگی mix-blend-mode را بر روی آن اعمال کنیم. destination عنصر و […]