Делаем свой сайт более оригинальным, где можно под заголовок установить печатный текст. Что при открытие страницы или сайта он начнет выставлять знаки, где со временем покажется полноценная ключевая фраза. Как скорость и оформление, все настройка происходит в стилистике, и аналогично касается классические пропорции, которое состоят из размера основного текста, что идет вертикальном ритме.
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;
}
Демонстрация
