Добавление другого преобразования в существующие свойства

Question

Есть ли способ добавить новое свойство преобразования в существующие свойства?

Например: у меня есть div.animation, который имеет следующее определение

.animation { 
    transform: translateX(-50%) translateY(-50%); 
} 

Теперь я хочу добавить transform: scale(1) к одному элементу:

.animation.active { 
    transform: scale(1); 
} 

Очевидно, что если я это сделаю, это будет переопределить свойства translateX и translateY. Есть ли способ добавить другое свойство преобразования без переопределения - так же, как вы можете это сделать с помощью атрибутов border-left и other CSS?

Answer 1

Нет. Нет подзадач transform.

Для добавления нескольких трансформирует вам нужно повторить предыдущие:

.animation { 
    transform: translateX(-50%) translateY(-50%); 
} 

.animation.active { 
    transform: translateX(-50%) translateY(-50%) scale(1); 
}