[js] 꽃가루 날리는 효과

 

<style>
    canvas{z-index:10; pointer-events: none; position: fixed; top: 0; transform: scale(1.1);}
</style>

 

 

 <div class="buttonContainer">
     <button class="canvasBtn" id="stopButton">Stop Confetti</button>
     <button class="canvasBtn" id="startButton">Drop Confetti</button>
 </div>

 <canvas id="canvas"></canvas>

 

 

<script>
$(function(){

    reAction(); 

}); 

function reAction() {
    $('#startButton').trigger('click'); 
    setTimeout(function(){
        $('#stopButton').trigger('click'); 
    }, 6000); 
} 

</script>

 

 

요긴하게 써먹을 수 있을 것 같다 ㅇㅅㅇ,,

js파일은 첨부한 파일을 사용하면 된다.

 

 

confetti_v2.js

0.01MB