Flipping/rotating the image 360 degrees continuosly and up , down and motion of the image

[umar abbas]

i am very new to into gsap. i am trying to implement a image rotation animation like what is done in this website
https://swagapp.com/?ref=godly

the image rotates 180 degree first and then tags appear in image which are also kind of animating and floating on the image, meanwhile image also continuosly goes up and down and also rotates a little bit. after 2,3 seconds image then rotates to 360 degree and then the same initial static image appears with no animation.

i am trying to implement in reactjs. kindly help me achieve this. i would really really appreciate this.
 

[GSAP Helper]

What have you tried? I'd recommend giving it a shot and then if you get stuck, post back here with a very specific question and a CodePen/Stackblitz.

 

We love helping with GSAP-related questions, but we just don't have the resources to provide free general consulting or "here is my list of requirements...please show me how to build it" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look.