Javascript 如何将动画时间添加到css更改中

是否可以添加css更改的持续时间，以便在我更改div的左侧、顶部、宽度和高度时可以设置动画

在jQuery代码中，我想设置css属性持续时间的动画

如果你能帮助我，非常感谢，非常感谢

我的代码

HTML:

JQUERY（这就是神奇发生的地方：p）：

---

您应该使用animate，其中5000是以毫秒为单位的时间

$( ".image5" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "25px"
    // css goes here, last one should not have comma
  }, 5000, function() {
    // Animation complete.
  });

或者要使用CSS动画，请通过jQuery设置CSS转换时间：

var time = 5000

$('.image5').css({
    'webkitTransition': 'all ' + time + 's ',
    'mozTransition': 'all ' + time + 's ',
    'msTransition': 'all ' + time + 's ',
    'oTransition': 'all ' + time + 's ',
    'transition': 'all ' + time + 's '
});

---

也许你在寻找：

transition-duration

---

请参阅：如需了解更多详细信息，请提交您的问题：您是否已经看过？现在还不是100%清楚你想用动画完成什么。非常感谢，我现在知道该怎么做了，我把.css改成了.animate，并稍微修改了语法，然后我可以添加时间：）谢谢你的回答！没问题！如果我帮了忙，你可以接受这个答案。

$( ".image5" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "25px"
    // css goes here, last one should not have comma
  }, 5000, function() {
    // Animation complete.
  });

var time = 5000

$('.image5').css({
    'webkitTransition': 'all ' + time + 's ',
    'mozTransition': 'all ' + time + 's ',
    'msTransition': 'all ' + time + 's ',
    'oTransition': 'all ' + time + 's ',
    'transition': 'all ' + time + 's '
});

transition-duration