<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/46"></script>

<style>
li{
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s;
}
li.on{
    opacity: 1;
    transform: translateY(0px);
}
</style>


<script>
$(function(){

    $('ul li').sequential({
       delay:1000, //최초 지연시간
       speed:100 //내용 동작 간격
    });

});
</script>

<ul>
    <li>contents</li>
    <li>contents</li>
    <li>contents</li>
    <li>contents</li>
    <li>contents</li>
</ul>

설치방법

1. Line1 : 제이쿼리를 연결합니다.

2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.

3. Line4 ~ 14 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.

4. Line20 ~ 23 : 스크립트를 복사 그리고 붙여넣기 합니다.