Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
kmx

Fullscreen slides with 3D transition effect

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello,

how do i change an effect when scrolling to next slide?
I was trying to find some effect options in this codepen - https://codepen.io/bassta/pen/kDvmC
but I didnt succeed.

 

For example something similiar to this - http://www.bistroagency.cz/

 

They use some transitions between each slide, It kinda looks 3d.

 

 

 

Thank you!

Share this post


Link to post
Share on other sites

Awesome! Maybe you should add some sort of selector/toggle so people can just view all the different versions you made in the same pen. Kind of like the demos on Codrops. This question seems to come up a lot.

  • Like 2

Share this post


Link to post
Share on other sites

Nice!!! Also maybe you can add some brief text after the page loads letting the user know to use the mouse wheel to scroll and interact with it. It took me awhile to figure out why nothing was happening. But great job Diaco! :)

  • Like 1

Share this post


Link to post
Share on other sites

good idea :)

 

ok guys , i will add things ( next/prev & nav dots , draggabel + ... )

 

thanks both :)

  • Like 1

Share this post


Link to post
Share on other sites

Just when I think I've made something interesting, Diaco posts a new CodePen like this one and I just want to go back to bed.  :-P 

 

@Diaco - very cool! Visiting your CodePens is an education all by itself. You definitely inspire me to keep learning.

 

We need a 'hats off' or 'applause' emoji around here. :) 

  • Like 2

Share this post


Link to post
Share on other sites

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

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×