transform-translate isn't working with animation

[drissboumlik]

Hi everyone
I write this code
https://codepen.io/drissboumlik/full/JMgZXj/
and i’ve noticed that the transform isn’t working until i remove the animation

[bearhead]

The transforms in the animation are overriding the transform on the div. I’d recommend wrapping the spinner div in parent div, and then translate the parent div.

Or if you need to do it with a single element, use two animations. One for the div and another for the :before and :after pseudo elements. On the animation for the div, add the translate to each keyframe.

[drissboumlik]

thank u, i fixed it

[Author]

Posts