Javascript 动画在拖动过程中发生

我有一个元素可以使用jQuery UI的

.draggable（）

拖动，但我希望它在拖动时遵循特定的路径

事实上，当它被拖动时，页面的整个布局都会发生变化

由于我有一套样式用于描述页面在拖动之前的外观，还有一套样式用于描述页面在拖动完成后的外观，所以我认为使用CSS动画是有意义的

所以，现在，我的问题是，当拖动发生时，如何使动画发生

或者，如果有另一种方法来实现这一点，那么动画，如何在拖动发生时从一种样式过渡到另一种样式

---

我想做的是让可拖动的元素拖动到第二个样式中的位置。

在拖动元素并使用css对其进行样式化时，向元素添加一个类

拖动

。@HenriqueBarcelos，它只会对元素进行一次样式化。我需要随着拖动的进行逐渐对其进行样式化。然后您将不会使用CSS进行此操作，您可能需要使用jQuery动画组件来完成此操作。。。