기존 속성에 다른 변환 추가

Question

기존 속성에 새 변환 속성을 추가 할 수있는 방법이 있습니까?

예를 들어 : 분명히

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

내가 그렇게한다면, 그것은 것입니다 : 나는 같은 요소에 transform: scale(1)를 추가하려면 이제 다음과 같은 정의

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

이있는 div.animation,이 translateX 및 translateY 속성을 재정의합니다. 재정의하지 않고 다른 변형 속성을 추가 할 수있는 방법이 있습니까? 테두리 왼쪽 및 다른 CSS 특성을 사용하여 동일한 방법으로 변경할 수 있습니까?

Answer 1

아니요. transform의 하위 속성은 없습니다.

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

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

: 여러 추가하려면

은 이전의 것들을 반복해야 할 것 변환