我不知道是否有任何方法可以做到这一点。例如,我有一个像这样的动画demo on Codepen。 500毫秒后,下一个立方体将进行动画制作。如何在第一个动画时间的1/2后使下一个立方体变成动画。我知道如何使它与.animate(),但这次是.css(),我找不到办法做到这一点。我很感激!与jquery交错css动画
$(function() {
$('button.action').on('click', function() {
$('.wrap .item').each(function(i) {
var $item = $(this);
setTimeout(function() {
$item.css({
'opacity': 1,
'transform': 'translateX(0)'
});
}, 500*i);
});
});
});
下一个动画将从第一个动画时间的1/2开始。不在第一个结尾。
你尝试把250 *我,而不是500 *我? – Luka
为什么不使用'transition-duration'比setTimout'500'长两倍。我的意思是'transition-duration:1s' – disstruct
@Luka我的意思是我希望下一个立方体在第一个动画结束后的第一个动画的1/2之后移动:) –