arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны все эффекты backdrop-filter: размытие (blur), яркость (brightness), инверсия (invert), поворот оттенка (hue-rotate), насыщенность (saturate), контраст (contrast). Для каждого — практический пример использования и настройка интенсивности. Backdrop-filter работает только если сам элемент имеет прозрачный или полупрозрачный фон — иначе ничего не видно, потому что задний план закрыт. Для эффекта стекла: белый или тёмный фон с opacity 10-30% + blur. Для инвертированного эффекта — invert 100%. Урок для тех, кто хочет реализовать glassmorphism или другие эффекты с фоновыми фильтрами. Понимание абсолютного позиционирования и z-index нужно — backdrop-filter чаще всего применяется к оверлеям поверх фонов или изображений.

Настройка backdrop filter в Taptop

Хочешь эффект матового стекла: блок слегка размытый, полупрозрачный, видно что за ним. Как сделать такое в Taptop? Какое свойство за это отвечает?
Backdrop filter в Taptop — раздел «Фоновые фильтры» в правой панели. Доступны: blur, яркость, инверсия, поворот оттенка. Обязательное условие: полупрозрачный фон у блока — иначе эффект не виден. Фильтры комбинируются. Для тех, кто делает современные интерфейсы. После просмотра настраиваешь эффект стекла и другие фоновые фильтры.
Тайминги видео
00:00 — разберём свойство, которое позволяет делать очень 00:33 — непрозрачность чёрного цвета для того, чтобы 01:11 — в своих проектах. Теперь самое интересное

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока