# Lower third: Имя тега

Синяя табличка с именем перемещается в левый нижний угол. Видеошаблон: код для Claude или монтаж в Subclip. Меняйте текст и ритм анимации.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/html-css/lower-third

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-lower-third.mp4?v=6cc6af4c09

Нижняя треть градиента в левом нижнем углу с жирным названием в верхнем регистре и ролевой линией меньшего размера, созданная с помощью ключевых кадров CSS.

- Фреймворк: HTML & CSS
- Категория: Плашки и призывы к действию
- Длительность: 3 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/html-css/lower-third

Титр появляется в левом нижнем углу кадра. Анимируется закругленная карточка с градиентом от синего до голубого, затем имя отображается жирными белыми заглавными буквами с небольшой ролевой линией под ним, ВАШЕ ИМЯ и Ваша роль в версии по умолчанию. Остальная часть кадра остается пустой, поэтому тег располагается поверх отснятого материала, не закрывая объект. Анимация длится три секунды и выполняется с использованием простых ключевых кадров CSS.

В шаблоне нет элементов управления редактором, поэтому вы меняете имя, роль и цвета градиента в HTML и CSS. Код короткий и читаемый, что позволяет легко редактировать его вручную или с помощью агента кодирования AI. Используйте его, чтобы представить докладчиков в интервью, подкастах, вебинарах, видеоблогах и корпоративных видеороликах или отметить гостя при первом его появлении.

## Для чего подходит

- Имена спикеров в интервью
- Гости подкастов и вебинаров
- Представляться во влогах
- Корпоративные и событийные видеоролики

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Lower third и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.