احتمال دارد حتی اگر یک بار فوتوشاپ یا ابزارهای گرافیکی شبیه به آن را باز کرده باشید کلماتی مثل multiply, screen و overlay را دیده باشید. این کلمات حالت هایی از آمیختن اشیا گرافیکی هستند که با تشکر از تیم Adobe Web Platform امروزه ما می توانیم از این حالت ها و جلوه ها در […]
در اینجا به نمایش چند مثال جالب در مورد آمیختگی در CSS می پردازیم. اگر با این مبحث آشنایی ندارید به این مطلب مراجعه کنید. دموی های زیر توسط بنده طراحی نشدند اما اگر در مورد هر یک سوالی بود در خدمتم. استفاده در نمودارها در مثال زیر برای ساخت نمودارها از SVG استفاده […]
در این مطلب با ساختن این افکت در پنچ قدم آشنا خواهیم شد. این تکینک از انیمیشن و خاصیت mix-blend-mode در CSS و از SVG کمک می گیرد. قدم اول در اولین مرحله عنصر SVG مورد نظر را در نرم افزاری مثل adobe illustrator و یا نرم افزاری مشابه آن رسم می کنیم. توجه داشته […]
در اینجا قصد معرفی ابزار آنلاینی برای تست و بررسی blend mode ها در دنیای CSS را داریم. اگر تا به حال در مورد blend mode ها نشنیده اید این مطلب کمک خوبی برای شما خواهد بود. این ابزار از طریق کلیدهای نوار بالا به شما این امکان را می دهد تا بتوانید تصویر و […]
از ویژگی background-blend-mode برای تعیین حالت آمیختگی رنگ لایه های مختلف پس زمینه یک عنصر استفاده می شود. در CSS می توانید با استفاده از این ویژگی تصاویر پس زمینه یک عنصر را با هم و یا رنگ پس زمینه یک عنصر را با تصویر پس زمینه اش ترکیب کنید. برای آشنایی با حالت های […]