变换参数的不同动画时间

时间:2016-12-17 12:43:21

标签: css transform

我正在写一个" 3D导航"移动鼠标光标微妙地旋转屏幕内容。当点击某些内容时,我希望它可以缩放(缩放)。

使用transform属性实现旋转,并在光标移动时激活。这部分工作正常!

现在我希望缩放比例为500毫秒。但是如果我设置了这个转换速度,它会破坏光标移动属性的漂亮平滑度。

我尝试用JavaScirpt解决,但问题是如果我开始使用" scale"单独的段,它会覆盖rotation属性。 CSS并不记得我在某个时刻设置了旋转,如果我在动画期间再次设置变换,只有刻度。

我有一个解决方法,但我认为它非常好,我怀疑将来很难理解和重构它。

所以我可以分开"背景"和" color",有没有办法更深入"并且还为不同的变换属性分开?

提前致谢!

0 个答案:

没有答案