[Solved] I am facing a element positioning problem with my css code

Question

I am facing problem with the positioning of div elements using CSS. When I try to animate the element they move to another part of screen instead of where I want them. I am using transform translate to position them, using it in the id and for animation I am using transform rotate.

When I remove the animation the elements come to orignal place as per transform translate but as soon as I include animation they displace to other positions. Please tell me what I am doing wrong as I am unable to detect anything unusual.

Thanks in advance 👍

Answer 1

You will have to show us the code so that we can help you 👍

Answer 2

Hi D_Stark, here is the link.
https://code.sololearn.com/WhV2bV49Ncsz/?ref=app

Answer 3

I used a diffrent approach to fix this problem. The problem is finally fixed. Thanks👍