0
我有一個框和一個旋轉css動畫應用於,我想添加一個js函數,當動畫結束時給我一個警報,我該如何使用webkitTransitionEnd做到這一點?js警告,告訴css動畫結束
這裏是我的代碼:
.box {
background: red;
position: absolute;
padding: 100px;
}
.box:hover {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
<html>
<body>
<div class="box">
</div>
</body>
</html>
取決於雖然,懸停觸發動畫,但鼠標可以在動畫之前離開是完全 –
@SterlingArcher要看你怎麼用*動畫的意思是完成*。我猜它剛剛結束時就已經完成了*(鼠標離開了元素)。但情況會非常相反,如果只有動畫不是*無限的*。 –