Ingernirated
@Ingernirated
Романыч

Как через css заменить текст в строке и предать анимацию этой замене?

Всем привет!
Подскажите, есть строка
<p class="text">привет</p>
Возможно ли заменить текст на "hello" и при этом, чтобы его появление было анимировано?
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть
Замена содержимого CSS недоступна. Если без JS и чтобы было плавно — у вас только один вариант: разместить несколько, к примеру, span'ов с разным текстом и абсолютным позиционированием внутри родительского контейнера. И анимировать их поочередно, создавать иллюзию смены текста (геморрой): https://jsfiddle.net/yofud4h0/2/

Если о замене текста, то как бы можно через CSS -- заменой значения свойства content у псевдоэлементов:
https://jsfiddle.net/yezrts0b/

Текст под иллюстрацией женского портрета я тут анимировал заменой значения свойства content, но плавно это сделать нельзя, если только хаками с привязкой к шагам анимаций цвета текста, прозрачности и т. п. (геморрой).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
GreatAgent Inc Санкт-Петербург
от 1 500 до 3 500 usd.
iWeekender Краснодар
от 80 000 руб.
23 апр. 2019, в 13:06
1000 руб./в час
23 апр. 2019, в 12:58
5000 руб./за проект
23 апр. 2019, в 12:22
150 руб./за проект