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

Как бы то ни было, эта статья будет посвящена background-blend-mode, свойству, которое пользуется наиболее широкой поддержкой, и возможностям его использования для создания на своем сайте привлекательных фонов и фотоэффектов, которые когда-то были возможны только в Photoshop.
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Типографика и современный CSS
Пока некоторые CSS свойства, отвечающие за разного рода красивости (вроде filter, mix-blend-mode или transition) привлекают внимание всех и каждого, другие совсем мало освещаются в интернете. Взять... читать далее
Internet Explorer / Ссылка Поддержка CSS3-свойства writing-mode
Довольно объемная статья с подробным изложением описания CSS-свойства writing-mode, которое появилось еще в IE5.5, потом стало CSS3-свойством и пока в полной мере, в том числе и для таблиц,... читать далее
[recovery mode] История вируса «Программа, которая увольняет людей»
Когда вы слышите фразу “продвижение” — то вам всем в голову приходит примерно одно и тоже: сайт, seo, контекст, выставки и т.д. Но что, если скажу что существуют совершенно другие способы, о которых... читать далее
Каскадные Таблицы Стилей / CSS хитрости IE 7: -ms-interpolation-mode
Эта тема в сети не новая, но тут статью об этом не нашла. Оказывается, у IE, начиная с версии 7, есть поддержка интерполяции (режима масштабирования) изображений и управления им через CSS-свойство... читать далее
[Перевод] CSS: интересные возможности border-radius
Что можно сделать с помощью CSS-свойства border-radius? Автор материала, перевод которого мы публикуем, говорит, что больше, чем кажется на первый взгляд. В частности, речь идёт о том, что углы... читать далее
Блог им. NamelessOne / Стилевые описания для нескольких селекторов, указанных одновременно
Добрый день. Хочу поделиться с хабрасообществом одним полезным свойством, которое не так часто используется, хотя при грамотном использовании способно сократить размер css и html кода. Речь идет о... читать далее
Прокомментировать
Облако тегов
angular CSS css es6 frontend habrahabr.ru html HTML html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре skillfactory vue Блог компании RUVDS.com Блог компании SkillFactory Веб-дизайн Дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт браузеры верстка вёрстка дайджест дизайн интернет-магазин корпоративный сайт модуль разработка ссылки фронтенд
Реклама на сайте