Typing Effect using CSS3

HTML

<p class="css-typing">This is a paragraph that is being typed by CSS animation.</p>

CSS

.css-typing
{
    width: 100%;
    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; }
}