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

Улучшенный Конструктор CSS-фильтров

Гибкие настройки иконок и универсальные стили для всех ваших изображений

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

Пример 1

Пример 2

Пример 3

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

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

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

Увеличение

Затемнение

Вспышка

Размытие

Вращение

Черно-белый

Сепия

Рамка

Настройки иконки

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

Поиск

Сердце

Звезда

Глаз

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

Плюс

Информация

Камера

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

Inline стиль Класс

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

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

Назад

Модификации

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

Для сайта