CSS -webkit-transforms spikes memory usage

I am trying to do a flip card animation.

Whenever -webkit-transform is applied, memory spikes to twice it used to be (from a near 200MB to 500MB)

all that is different is one line of css code.

I uses -webkit-transform: rotateY(0deg); and transform it to -webkit-transform: rotateY(180deg);

everything works fine except the heavy memory usage.

any work arounds?