Jump to content

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

DexteRs Code

  • Posts

  • Joined

  • Last visited

DexteRs Code's Achievements



  1. @mikel Thanks for responding that quick, this is helpful !!
  2. I'am trying to create an image gallery, where images flow on z-axis. I am able make image div to flow on z-axis using scrolltrigger. But what I wanted, was to control the opacity of div to go from 1 to 0 when the image div (class name as "square") is close to camera/ viewport (for this code it is z = 700) so it will have a fade effect. In short whenever any one of these five image div goes z = 700 the opacity should be 0 . In style.css I've used perspective attribute for 3d perspective which will allow me to have images to flow on z-axis. I got this idea from awwwards.com original concept for reference: http://ab-architects.nextpage.agency/public/ I am trying to create gallery like this but cant figure out how to control the opacity in between the timeline animation... any suggestions on how I could achieve this effect using timeline and keep the scrolltrigger. Thanks in advance
  3. I tried to use this method on my project where I've a pinned element, using GSAP. The thing is it worked on every animations , except the element I've pinned. It plays the animation but also scrolls down without getting pinned and creates the extra black spacing until the animation is over. Any Suggestions !!