Relative Content

Tag Archive for cssreactjsanimation

CSS Keyframe animation resets the transform value set prior to the animation

Was working on an animation on a square rotated 45 deg to make a diamond. the animation simply is meant to scale the diamond out however I noticed that every time the animation started, the transform value I had set transform: rotate(45deg) is reset before the animation runs and because of this I have to run the rotate function again during the animation. is there away I can run the animation which scales the diamond, without it reseting the initial transform value? I am using Material UI components.