Pictures And Text Animation

[Maya22]

Hey everyone!

I am trying create a slider and to make an animation. I want to achieve something like this:

http://sterling.it/en/products/

But I didn't find enough things on internet to help me achieve this by myself. I was wondering if anyone can help me?

 

Thanks in advance!

[Carl]

Hi and welcome to the GreenSock forums,

 

It appears that site was built using the GreenSock Animation Platform (GSAP).

The 3D elements are most likely being rendered with Three.js.

 

Quite a bit of custom programming was most likely involved. It's tough to help without knowing how far you have gotten on your own or what your experience level is. In order to use GSAP you need a pretty solid foundation with HTML and CSS and will need to know how to write your own JavaScript code.

 

Are you looking for a plugin that creates a slider like that or are you comfortable writing your own code?

Have you read our Getting Started article: https://greensock.com/get-started-js and tried to create basic animations with GSAP?

 

 

 

 

[Maya22]

@Carl I could also use plugin that creates slider

 

[Carl]

If you're looking for a plugin that will automate the building of a slider, that isn't a tool that GreenSock provides. You might want to Google jquery slider or jquery carousel for something like that.

 

GreenSock's tools are more for developers that want to write their own code and tap into the animation capabilities of the engine. If you want to invest some time into learning GSAP, I think you'll find the basics will come quickly. We'll be happy to answer any questions you have along the way.