Is it possible to add a new transform property to existing ones?
For instance, let's say I have a div.animation
with the following style:
.animation {
transform: translateX(-50%) translateY(-50%);
}
Now I want to include transform: scale(1)
to the same element:
.animation.active {
transform: scale(1);
}
However, adding this new transform property will override the previous translateX and translateY properties. Is there a way to append additional transform properties without overriding them - similar to how you can do it with other CSS attributes like border-left?