CSS3过渡规模，但不是翻译 [英] CSS3 transition scale but not translation

问题描述

我无法在任何地方找到答案，可能是因为它不存在，但无论如何：

I couldn't find an answer to this anywhere, probably because it doesn't exist, but anyway:

而不是定义transition-property：transform

Rather than defining "transition-property: transform", is it possible to define transitions for translation and scale independently?

现在我有了以下定义：

.logo {
    position: absolute;
    -webkit-transition: -webkit-transform 1s ease-out;
}

这样，当我将-webkit-transform $ s）translate3D（$ x，$ y，$ z）（$ s等是任意值）都是动画，但我只想要比例为...

This way, when I set "-webkit-transform" to "scale($s) translate3D($x,$y,$z)" (with $s etc. being arbitrary values) both are animated, but I only want the scale to be...

感谢任何提示！

推荐答案

解决这个问题的方法是使用包装元素将翻译放在该元素上。

The hacky way to solve this is to use a wrapper element and put the translate on that element.

这篇关于CSS3过渡规模，但不是翻译的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！