Конструктор CSS-фильтров
Тестируйте эффекты при наведении прямо на изображении!
Наведите на изображение, чтобы увидеть иконки эффектов
Предустановленные фильтры
Винтаж
Черно-белый
Тёплый
Холодный
Драматический
Фильтры
Hover-эффекты
Расширенные
Основные фильтры
Размытие
0px
Яркость
100%
Контраст
100%
Оттенки серого
0%
Поворот оттенка
0deg
Инверсия
0%
Непрозрачность
100%
Насыщенность
100%
Сепия
0%
Интеллектуальная коррекция
Автоматически улучшите изображение на основе его характеристик
Эффект при наведении
Размытие
0px
Яркость
100%
Контраст
100%
Оттенки серого
0%
Поворот оттенка
0deg
Настройки перехода
Дополнительные эффекты
Управление пресетами
Сгенерированный CSS-код
Как использовать конструктор:
- Загрузите изображение с помощью кнопки "Загрузить изображение"
- Наведите курсор на изображение - появятся иконки для быстрого тестирования эффектов
- Кликните на иконку для применения соответствующего эффекта
- Настройте параметры с помощью ползунков для точной калибровки
- Скопируйте CSS-код или сохраните изображение
Craftum
Конструктор сайтов Craftum