Конструктор CSS-фильтров с иконками при наведением

Конструктор CSS-фильтров

Добавляйте иконки и эффекты при наведении на изображение

Наведите курсор на изображение, чтобы увидеть эффекты

Основные фильтры

Эффекты при наведении

Включить эффекты

Увеличение

Затемнение

Вспышка

Размытие

Вращение

Черно-белый

Сепия

Рамка

Иконка при наведении

Включить иконку

Поиск

Сердце

Звезда

Глаз

Воспроизвести

Плюс

Информация

Камера

Сгенерированный CSS-код

Inline стиль Класс

Как использовать конструктор:

Загрузите в настройках bodi вашего сайта код от иконок статья тут - Как подключить Font Awesome
Загрузите изображение с помощью кнопки "Загрузить изображение"
Настройте основные фильтры с помощью ползунков
Выберите эффект при наведении из коллекции
Выберите иконку для отображения при наведении
Настройте внешний вид иконки (размер, цвет, анимацию)
Скопируйте CSS-код или сохраните изображение

Назад

Модификации

Подборка кодовых модификаций для сайтов на Craftum, позволяющая решить любые задачи, выходящие за рамки стандартного конструктора Craftum.
С генераторами кода и видео-инструкциями.
Расширения для Craftum, с которым ты можешь больше и быстрее создать продающий и впечатляющий сайт для себя и своих клиентов.

Для сайта