circular transition effect

[Pecuarios.com]

How can I make a transition effect of images that reveal one over the other, but as if a clock hand were revealing them?

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

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. 

[Shrug ¯\_(ツ)_/¯]

Welcome to the forum @Pecuarios.com , thanks for being a Club GreenSock member.

 

19 hours ago, Pecuarios.com said:

make a transition effect of images that reveal one over the other, but as if a clock hand were revealing them

 

Based upon your description, I think the below examples will help you. These should all give you a starting basis of understanding to further modify things based upon your requirements and accomplish your desired criteria.

 

See the Pen LdMjaL by osublake (@osublake) on CodePen

 

See the Pen cf3df695077b033d9cab544546e2c3ca by mikeK (@mikeK) on CodePen

 

Here is a relative tutorial - https://www.motiontricks.com/movie-countdown-animation/

 

Here is another fun one not using GSAP, although with some effort the animation could be converted to use GSAP.

 

See the Pen eYVrWoq by lonekorean (@lonekorean) on CodePen

 

Good luck on your project and enjoy using GSAP.