arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана техника градиентного текста: создание дополнительного класса с градиентным фоном, включение параметра «обрезать фон для текста» (background-clip: text), установка цвета шрифта в прозрачный (transparent). Три шага — и градиент на тексте работает. Важный нюанс: цвет шрифта должен быть именно transparent, а не rgba(0,0,0,0) или «без цвета» — только transparent даёт нужный результат. Параметр «обрезать фон» находится в разделе «Фон» правой панели — не в типографике. Короткий практический урок — подойдёт всем, кто хочет добавить трендовый эффект на заголовок без кода. Понимание дополнительных классов (как добавить второй класс к элементу) нужно как единственная предварительная база.

Как сделать текст с градиентом в Taptop

В макете текст с градиентом — красиво и фирменно. Как сделать такое в Taptop? Стандартный цвет шрифта не поддерживает градиент — как быть?
Градиентный текст — три шага: добавить дополнительный класс с градиентным фоном → включить «Обрезать фон для текста» → поставить цвет шрифта прозрачным. Для градиента только в части текста — разбить на элементы с разными классами. Для всех. После просмотра делаешь градиентный текст любой сложности без кода.
Тайминги видео
00:00 — Это снова наша рубрика Быстрые ответы 00:39 — нам понадобится. Итак, как сделать градиент 01:19 — зелёным. Угол поставим на 135. Теперь 02:02 — встроенный текст. Давай сбросим в классе

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

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