因此,我有以下-webkit-animation規則:@-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; }}還有一些CSS定義了我的一些動畫規則box:#box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear;}我可以shake在#box這樣的:document.getElementById("box").style.webkitAnimationName = "shake";但是我以后不能再動搖了。這只會搖晃盒子一次:someElem.onclick = function(){ document.getElementById("box").style.webkitAnimationName = "shake";}如何在不使用超時或多個動畫的情況下通過JavaScript重新觸發CSS動畫?
如何通過JavaScript重新觸發WebKit CSS動畫?
HUH函數
2019-11-07 13:10:59