웹페이지에서 특정위치(스크롤내릴때)에서 CSS 에니메이션 실행 방법 채택완료

</p>

<p><style>

.scale-up-hor-left{animation:scale-up-hor-left 8s cubic-bezier(.39,.575,.565,1.000) both}</p>

<p>@keyframes scale-up-hor-left{0%{transform:scaleX(0.4);transform-origin:0 0}100%{transform:scaleX(1);transform-origin:0 0}}

</style></p>

<p><div id="target_div"></div></p>

<p><script>

$(window).bind('mousewheel', function(event) {

    if (event.originalEvent.wheelDelta <= 0) {

        if(!$('#target_div').hasClass('scale-up-hor-left')){

            $('#target_div').addClass('scale-up-hor-left');

        }

    } 

    });

</script></p>

<p>