See the Pen CSS Keyframe Bounce onClick by velopert (@velopert) on CodePen.
애니메이션 부분은 CSS 로만 구현되었으며, 클릭했을때 애니메이션이 시작하게끔 하는건 JavaScript로 설정되어있다.
JavaScript 없이도 클릭 했을때 애니메이션이 시작하게 할 수는 있지만 그렇게 하면 너무 코드가 난잡해지는것같다.
DEVELOPMENT & LIFE LOG
See the Pen CSS Keyframe Bounce onClick by velopert (@velopert) on CodePen.
애니메이션 부분은 CSS 로만 구현되었으며, 클릭했을때 애니메이션이 시작하게끔 하는건 JavaScript로 설정되어있다.
JavaScript 없이도 클릭 했을때 애니메이션이 시작하게 할 수는 있지만 그렇게 하면 너무 코드가 난잡해지는것같다.