"<p>태그" 한줄씩 시차를 두고 나타나게 채택완료

</p>

<p><style>

.anim-txt p {

    opacity: 0;

    animation-name: anim-00;

    animation-duration: 1s;

    animation-fill-mode: forwards;

}

.anim-txt p:nth-child(1) { animation-delay: 0.2s; }

.anim-txt p:nth-child(2) { animation-delay: 0.4s; }

.anim-txt p:nth-child(3) { animation-delay: 0.6s; }

.anim-txt p:nth-child(4) { animation-delay: 0.8s; }</p>

<p>@keyframes anim-00 {

    from { opacity: 0; }

    to   { opacity: 1; }

}

</style></p>

<p><div class="anim-txt">

    <p>첫번째줄 텍스트</p>

    <p>두번째줄 텍스트</p>

    <p>세번째줄 텍스트</p>

    <p>네번째줄 텍스트</p>

</div>

<div class="anim-txt">

    <p>abcd</p>

    <p>efgh</p>

    <p>ijkl</p>

    <p>mnop</p>

</div></p>

<p>