• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов HTML » Печатный текст для заголовков сайта на CSS (Работа с текстом и основные тэги управления стилем)
Печатный текст для заголовков сайта на CSS
Kosten
Дата: Пятница, 2019-01-11, 21:54 | Сообщение 1
Администраторы
Сообщений:19237
Награды: 56


Делаем свой сайт более оригинальным, где можно под заголовок установить печатный текст. Что при открытие страницы или сайта он начнет выставлять знаки, где со временем покажется полноценная ключевая фраза. Как скорость и оформление, все настройка происходит в стилистике, и аналогично касается классические пропорции, которое состоят из размера основного текста, что идет вертикальном ритме.



HTML

Код
<h2>ZorNet - портал для вебмастера</h2>


CSS

Код
@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

h2 {
    font: bold 26px monospace;
  color: black;
    border-right: .1em solid black;
    width: calc(0.55em * 14);
    width: 435px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-animation: typing 7s steps(14, end),
            blink-caret .5s step-end infinite alternate;
}


Демонстрация
Прикрепления: 5013158.png(5.2 Kb)
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов HTML » Печатный текст для заголовков сайта на CSS (Работа с текстом и основные тэги управления стилем)
  • Страница 1 из 1
  • 1
Поиск: