Генератор CSS-фильтров

Создавайте эффекты CSS-фильтров визуально с размытием, яркостью, контрастом и другими. Живое превью с пресетами.

Предпросмотр

Загрузить изображение

Сравнение До / После

Пресеты

Вывод CSS

/* No filters applied */

Фильтры

Размытие0px

Яркость100%

Контраст100%

Оттенки серого0%

Поворот оттенка0deg

Инверсия0%

Непрозрачность100%

Насыщенность100%

Сепия0%

Ctrl+Enter выполнитьCtrl+Shift+C скопировать

Узнать больше

CSS-фильтры: визуальные эффекты для изображений и элементов

Создавайте эффекты размытия, яркости, контраста и фотофильтры в стиле Instagram со свойством CSS filter.

Свойство CSS filter объяснено

Свойство CSS filter применяет графические эффекты — размытие, яркость, контраст и цветовые сдвиги — к любому HTML-элементу. Оно работает с изображениями, фонами, текстом и даже целыми секциями страницы. Фильтры обрабатываются GPU браузера, что делает их эффективными для визуальных эффектов в реальном времени.

5 мин чтенияЧитать полное руководство