CSS3 масштаб перехода, но не перевод

Question

Я нигде не мог найти ответ на этот вопрос, возможно потому, что он не существует, но в любом случае:

Вместо определения "transition-property: transform", возможно ли определить переходы для перевода и масштабирования независимо?

Прямо сейчас я получил следующее определение:

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

Таким образом, когда я устанавливаю «-webkit-transform» в «scale ($ s) translate3D ($ x, $ y, $ z)» (где $ s и т. Д. - произвольные значения), оба анимируются, но только хочу, чтобы масштаб был ...

Спасибо за любые подсказки заранее!

Answer 1

Хакерский способ решить эту проблему - использовать элемент-обертку и поместить перевод на этот элемент.