Поиск

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

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

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

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

Темы

#Background #CSS

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

Сборник CSS стилей с эффектом фильтров Инстаграма.
08.04.2018 1216
Пара примеров как сделать блок с адаптивным видео в качестве фона на основе видеоплеера HTML5, YouTube и JQuery.
23.09.2019 186
Сборник методов JQuery для работы с выпадающими списками select option с примерами.
05.11.2017 21158
Для модальных окон есть множество плагинов такие, как fancybox, Twitter Bootstrap и т.д. Но бывают случаи когда нет...
12.12.2018 5912
Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.
27.12.2016 9318
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.
06.11.2017 7657