# Callout card: Текстовая выноска

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

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-callout-card.mp4?v=e510f8f728

Широкая темная карточка с маленькой голубой этикеткой и жирным заголовком, используемая для обозначения одного ключевого момента в видео.

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

В верхней части рамки появляется широкая округлая карта с тонкой светлой каймой. Внутри небольшая надпись голубого цвета, набранная заглавными буквами, гласит: КЛЮЧЕВАЯ ТОЧКА, а жирная белая линия под ней гласит: "Учитывайте этот момент в тексте по умолчанию". Карточка анимируется с помощью ключевых кадров CSS, и полная анимация длится три секунды, оставляя нижнюю часть кадра открытой для отснятого материала.

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

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

- Основные выводы из руководств
- Выделение статистики в объяснителях
- Примечания к видео с говорящей головой
- Краткое содержание уроков в курсах

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

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