Полупрозрачный градиент поверх картинки

Такой эффект можно сделать с помощью :before у родительского элемента. Поверх изображения помещается абсолютный блок с градиентом и полупрозрачностью opacity.

Вариации градиентов можно посмотреть в статье «Сборник градиентов».

13.02.2019 , обновлено 25.10.2019

Комментарии

, чтобы добавить комментарий.

Другие публикации

Наложение градиента на изображение
Еще один способ сделать эффект смешивания градиента и изображения, основан на свойстве background-blend-mode. Минус...
31.08.2018
409
0
Манипуляции с элементами jQuery
Сборник методов jQuery для управления элементами DOM.
28.01.2020
433
0
Как сделать интерактивную схему на SVG + jQuery
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.
06.11.2017
12274
+7
Плавное изменение background
Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.
27.12.2016
13370
0
Модальное окно на затемненном фоне
Для модальных окон есть множество плагинов такие, как fancybox, Twitter Bootstrap и т.д. Но бывают случаи когда нет...
12.12.2018
11983
+7
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
18.03.2020
236
0