|
Как сделать эффект набора текста на CSS
|
|
| maestro4966 | Понедельник, 23 Марта 2020, 15:15 | Сообщение 1 |
| Добрый день. Подскажите пжлста. Хочу сделать эффект набора текста как у вас в этой ст. /load....-0-9295 Не могу понять, как сделать, что бы текст переходил на другую строчку. Например, что бы текст печатался в 3 строчки. ? За ранее вам благодарен.
| | [ PL ] |
| |
| Kosten | Понедельник, 23 Марта 2020, 15:58 | Сообщение 2 |
| maestro4966, рассмотрите этот вариант печатающего текста, возможно он вам подойдет для реализаций.
| | [ RU ] |
| |
| Kosten | Вторник, 24 Марта 2020, 03:00 | Сообщение 3 |
|
| Также можно сделать так, чтоб одна строка полностью отпечаталась, и слилась, чтоб следующее появилась, как вариант.
See the Pen
Animation text with typed.js by Kocsten (@kocsten)
on CodePen.
| | [ RU ] |
| |
| -SAM- | Вторник, 24 Марта 2020, 19:48 | Сообщение 4 |
| maestro4966, white-space: nowrap; - этот стиль там отменяет перенос на новую строку. Но удаление его не сильно поможет - потом некорректно смотрится (что там еще нужно размеры самого блока настраивать, как понял)... то есть ограничивать в размерах ширину и высоту + анимация линии неправильная - фиксированной высоты, что идёт на целые три строки (а не смещается на следующую после напечатанной буквы).
Еще подшиты темы по этому же направлению: раз, два (но это уже с использованием js).
Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Сообщение отредактировал
-SAM- - Среда, 25 Марта 2020, 05:14 | | [ UA ] |
| |
