ボタンをクリックするたびにアニメーションを繰り返したいと思います。私は何かしようとしたlike this。ボタンをクリックしてアニメーションを繰り返します。
const dist = document.querySelector('.dist');
document.querySelector('button').addEventListener('click',() => {
dist.classList.remove('animation');
dist.classList.add('animation');
});
.dist {
width: 100px;
height: 100px;
background: black;
margin-bottom: 30px;
}
.animation {
transform: scale(1.5);
transition: transform 3s;
}
<div class="dist"></div>
<button type="button">Trigger Animation</button>
dist.classList.remove('animation');
dist.classList.add('animation');
この部分は状態を削除して最初からアニメーション化してはいけませんか?