CSS Transition:一个转换属性,而不是另一个

时间:2014-07-30 22:27:21

标签: html css css3

我现在遇到了一个问题。我有一个元素,我在屏幕上拖动。当我切换方向(向左或向右)时,我将它向前倾斜方向(给它一种重力感觉。

为了使倾斜平滑,我将以下css应用于它:

transition: all linear 50ms;

然后,我只需切换transform属性即可向左或向右旋转,使用以下内容:

transform: rotate(3deg) translateX(<x under mouse>px) translateY(<y under mouse>px);

问题是我希望在旋转上进行转换,而不是在translateX或translateY上进行转换。它使translateX / translateY看起来不稳定。

是否可以对转换属性的一部分进行转换,而不是对另一部分进行转换?或者我应该使用topleft属性设置X / Y?

1 个答案:

答案 0 :(得分:3)

不是一个理想的解决方案(从纯粹主义者的角度来看),但您是否考虑过将该元素包装到另一个元素中并将该转换应用于该元素?