• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Как сделать эффект набора текста на CSS
maestro4966
Понедельник, 23 Марта 2020, 15:15 | Сообщение 1
Оффлайн
Пользователи
Сообщений:1
Награды: 0
Добрый день. Подскажите пжлста. Хочу сделать эффект набора текста как у вас в этой ст. /load....-0-9295 Не могу понять, как сделать, что бы текст переходил на другую строчку. Например, что бы текст печатался в 3 строчки. ? За ранее вам благодарен.
Страна: (PL)
Kosten
Понедельник, 23 Марта 2020, 15:58 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
maestro4966, рассмотрите этот вариант печатающего текста, возможно он вам подойдет для реализаций.
Страна: (RU)
Kosten
Вторник, 24 Марта 2020, 03:00 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Также можно сделать так, чтоб одна строка полностью отпечаталась, и слилась, чтоб следующее появилась, как вариант.


See the Pen
Animation text with typed.js
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
-SAM-
Вторник, 24 Марта 2020, 19:48 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
maestro4966, white-space: nowrap; - этот стиль там отменяет перенос на новую строку. Но удаление его не сильно поможет - потом некорректно смотрится (что там еще нужно размеры самого блока настраивать, как понял)... то есть ограничивать в размерах ширину и высоту + анимация линии неправильная - фиксированной высоты, что идёт на целые три строки (а не смещается на следующую после напечатанной буквы).

Еще подшиты темы по этому же направлению: раз, два (но это уже с использованием js).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Среда, 25 Марта 2020, 05:14
Страна: (UA)
  • Страница 1 из 1
  • 1
Поиск: