احتمال دارد حتی اگر یک بار فوتوشاپ یا ابزارهای گرافیکی شبیه به آن را باز کرده باشید کلماتی مثل multiply, screen و overlay را دیده باشید. این کلمات حالت هایی از آمیختن اشیا گرافیکی هستند که با تشکر از تیم Adobe Web Platform امروزه ما می توانیم از این حالت ها و جلوه ها در دنیای وب استفاده کنیم. و حتی پارا فراتر گذاشته و با تلفیق این جلوه ها و انیمیشن و ترنزیشن موردهای بسیار زیباتری بسازیم و صفحات وب را جالب تر و کاربر پسندتر کنیم.
در این فصل مباحثی که باید برای یادگیری این موضوع فرا بگیریم آماده شده است.
قبل از هر چیز با انواع مدل های آمیختگی آشنا خواهیم شد:
blend-modeسپس نحوه کار با ویژگی background-blend-mode را بررسی می کنیم:
بعد از آن نحوه ترکیب یک عنصر با محتوای پشت سرش را با استفاده از mix-blend-mode فرا می گیریم:
دانستن isolation هم خالی از لطف نخواهد بود:
در نهایت می توانیم مثال های مختلفی را در رابطه با این موضوع بررسی کنیم و ایده بگیریم:
مثال هایی از آمیختگی رنگ ها و تصاویر در cssاین هم یک ابزار برای بررسی آنلاین مدل های مختلف آمیختگی برای دوستان عزیز سی اس اس سوار :)
css-blender
سلام . خیلی خیلی مفید بود. ممنون
سلام. خواهش میکنم.
تقریبا تمام سایتتونو مطالعه کردم با پراپرتی های جدیدی آشنا شدم
ممنونم از لطفتون