Jump to content
Search Community

GSAP ScrollTrigger Circular Image Slider

tatanka
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

Posted

Hello, i found some slider using Gsap but i want to modify it with timelines. My goal is when i start scrolling my slide scroll and set rotation to 0

image.thumb.png.34951953cb26b447f0dbf1d4c6e562bc.png
I tried to combine it with timeline but it jumps or anims end when i didnt scroll yet. Without timeline all of them rotates at the same time.

See the Pen dywYReO by Orhan-Celik (@Orhan-Celik) on CodePen.

Posted

Thank you so much @Rodrigo I will try this one hope this will do my job :D 

  • Like 1
Posted
3 hours ago, Rodrigo said:

Hi,

 

You could try ScrollTrigger's container animation:

 

 

Here is a demo:

 

 

 

Hopefully this helps.

Happy Tweening!

It worked like a charm thank you again! :D 

See the Pen dywYReO?editors=1010 by Orhan-Celik (@Orhan-Celik) on CodePen.

 

  • Like 1
Posted

You're welcome!!

 

Looks really nice, great job!

 

Happy Tweening!

  • 4 weeks later...
Posted

Hi there!


I'm not really sure what you're asking. Here are some tips that will increase your chance of getting a solid answer:
 

  • A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
  • A clear description of the issue -  "the purple div only spins 90deg"
  • A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 
  • A minimal demo - if possible, using no frameworks, with minimal styling, only include the code that's absolutely necessary to show the issue. Please don't include your whole project. Just some colored <div> elements is great.

 

  • 10 months later...
Nicolai Palmkvist
Posted

To the next person reading this: Here’s a YouTube tutorial on how to create a Circular Image Slider in Elementor for WordPress. Enjoy!
 

 

  • Thanks 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...