Как сделать, чтобы текст появлялся постепенно как бы из под нижнего слоя?
Есть два варианта создания. Каждый по своему удобный.
1 вариант — однотонный фон блока.
Если вы используете однотонный цвет фона, то поместите над каждое слово шейп в цвет фона и добавьте анимация появления текста из под этого шейпа.![](https://static.tildacdn.com/tild6465-3933-4636-b937-363433383834/Screenshot_2022-12-0.png)
2 вариант — фотография на фоне.
А что делать, если фотография добавлена на фоне блока?Не проблема! Делите фото на 3 части и добавляйте анимацию к тексту, чтобы он появлялся из-за нижней границы каждой части фотографии.
![](https://static.tildacdn.com/tild3361-3265-4636-b936-656163333431/Screenshot_2022-12-0.png)
![](https://static.tildacdn.com/tild6538-3463-4166-b266-613561363835/Screenshot_2022-12-0.png)
Вы можете использовать использовать как стандартную анимация, так и пошаговую, чтобы на первом этапе анимации задать уникальные параметры. Например, на 0 шаге перед началом анимации можно задать наклон 5-15 градусов (фото) и текст будет появляться снизу начиная с левого угла текстового блока.
![](https://static.tildacdn.com/tild3362-6665-4961-a465-326163386164/Screenshot_2022-12-0.png)
Всё достаточно просто, а смотрится эффектно!
Шаблон страницы с 4 различными видами появления текста уже в Чате Премиум Клуба.