Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно.
HTML:
<p class="text-typing">1 строка</p>
<p class="text-typing">2 строка</p>
<p class="text-typing">3 строка</p>
<p class="text-typing">4 строка</p>
CSS:
.text-typing
{
width: 21em;
color:green;
font-size: 22px;
font-family: 'Marck Script', cursive;
white-space:nowrap;
overflow:hidden;
-webkit-animation: type 5s steps(34, end);
animation: type 5s steps(34, end);
}
@keyframes type{
from { width: 0; }
}
@-webkit-keyframes type{
from { width: 0; }
}