Css transform using a lot of memory

I was creating a flipping card animation on a div with css.

the average memory usage of my app is about 120MB.
when i click and flip a card, it go way up to 300MB and more.

is that acceptable?

 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d

-webkit-transition: 0.6s;

-webkit-transform: rotateY(179deg);
-moz-transform: rotateY(179deg);
-o-transform: rotateY(179deg);
transform: rotateY(179deg);