[Перевод] Улучшенные эффекты с режимом смешивания фоновых слоев в CSS
Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же, возможности дизайна, которые открываются с появлением возможности смешивания слоев в CSS гораздо больше, чем вы думаете.
Когда вы слышите обсуждение функций CSS Blend Modes, то обычно речь идет о трех новых свойствах CSS, которые получили хорошую поддержку в современных браузерах.
Вот эти свойства:
background-blend-mode — для смешивания фоновых изображений, градиентов и цветов фона элементов;
mix-blend-mode — для смешивания элементов с другими элементами;
isolation – менее используемое свойство, которое применяется вместе с mix-blend-mode для предотвращения смешивания элементов.
Как бы то ни было, эта статья будет посвящена background-blend-mode, свойству, которое пользуется наиболее широкой поддержкой, и возможностям его использования для создания на своем сайте привлекательных фонов и фотоэффектов, которые когда-то были возможны только в Photoshop.
Читать дальше →
Когда вы слышите обсуждение функций CSS Blend Modes, то обычно речь идет о трех новых свойствах CSS, которые получили хорошую поддержку в современных браузерах.
Вот эти свойства:
background-blend-mode — для смешивания фоновых изображений, градиентов и цветов фона элементов;
mix-blend-mode — для смешивания элементов с другими элементами;
isolation – менее используемое свойство, которое применяется вместе с mix-blend-mode для предотвращения смешивания элементов.
Как бы то ни было, эта статья будет посвящена background-blend-mode, свойству, которое пользуется наиболее широкой поддержкой, и возможностям его использования для создания на своем сайте привлекательных фонов и фотоэффектов, которые когда-то были возможны только в Photoshop.
Читать дальше →
Источник: Уроки CSS на Хабрахабре