background-blend-mode CSS Property
ویژگی background-blend-mode
در CSS، مشخص می کند که تصاویر پس زمینه عناصر چگونه با هم و با رنگ پس زمینه عناصر ترکیب شوند.
در زیر نمونه ای از عملکرد این ویژگی را می بینیم. رنگ پس زمینه تصویر سبز است که در مقادیر مختلف در ترکیب با تصویر بالن، رنگ های متفاوتی را بوجود می آورد. (در مقدار normal
رنگ اصلی تصویر دیده میشود و رنگ پس زمینه اثری بر آن نمی گذارد.)
نحوه نوشتار
background-blend-mode: normal; background-blend-mode: darken, luminosity;
مقادیر
<blend-mode>
نوع blend-mode که اعمال می شود که میتواند حاوی چند مقدار باشدکه با ( , ) از هم جدا می شوند.
در زیر مثالی از کاربرد این ویژگی را میبینیم که با تغییر مقدار background-blend-mode
ترکیب دو تصویر که یکی در پس زمینه دیگری قرار دارد، تغییر پیدا می کند.
پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer از این ویژگی CSS پشتیبانی می کنند.