Перейти к содержимому

CoreTextShimmer

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Анимированный перелив текста — акценты вроде «Загрузка…». Анимация на чистом CSS: текст читается и рендерится даже без JS, при prefers-reduced-motion перелив статичен.

Отдельный акцент

Загружаем магию…

Внутри абзаца

Пока данные грузятся, покажем Загрузка — внимание к процессу без лишнего шума.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Анимированный перелив текста — акценты вроде «Загрузка…». Анимация на чистом CSS: текст читается и рендерится даже без JS, при prefers-reduced-motion перелив статичен.

### Отдельный акцент

<CoreTextShimmer>Загружаем магию…</CoreTextShimmer>

### Внутри абзаца

Пока данные грузятся, покажем <CoreTextShimmer>Загрузка</CoreTextShimmer> — внимание к процессу без лишнего шума.