Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  drissboumlik 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #266047

    drissboumlik
    Participant

    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

    #266048

    bearhead
    Participant

    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.

    #266056

    drissboumlik
    Participant

    thank u, i fixed it

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star