Печатающийся текст CSS3

Простой пример создания печатающегося текста с помощью CSS3-анимации

HTML

<p class="text-typing">Простой пример создания печатающегося текста с помощью CSS3-анимации....</p>

CSS

.text-typing
{
    width: 100%;
    color:green;
    font-size: 22px;
    font-family: 'Marck Script', cursive;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}