Jump to content
GreenSock

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

andsavu

Members
  • Content Count

    9
  • Joined

  • Last visited

Everything posted by andsavu

  1. @noviedo, @akapowl Cheers guys! Thanks a lot for the help, exactly what I was looking for :).
  2. @ZachSaucier hey man! thanks for joining in. well, it's not much, I have a basic horizontall smooth scrollbar setup with 3 images, and I'm trying to add skew to them. here's a quick codepen I made up using the other example: https://codepen.io/andreitmm/pen/yLJwqby gsap.set(".item", {transformOrigin: "right center", force3D: true}); I set this to .item and in inspect element I get this: <div class="item" style="transform-origin: 100% 50%; transform: translate3d(0px, 0px, 0px);">Eaque ullam illum nobis deleniti mollitia unde, sed, nemo i
  3. Hey guys, so I'm trying to combine 2 CodePens: https://cdpn.io/GreenSock/pen/eYpGLYL https://cdpn.io/idiotWu/pen/KJNYye basically, ScrollTrigger with a smooth scrollbar plugin, that actually works horizontally, lol. I've got ScrollTrigger working with the regular/vertical scroll, but this one page in my project is actually horizontal. Can anyone help me here? not sure what do I need to change to make it work? I'm adding code that I think it's relevant for this issue (I've got a Gatsby JS setup): class HorizontalScrollPlug
  4. @mimoid-prog It's been a while since I worked on this but: import React, { useEffect } from "react"; import Header from "../components/header"; import Scrollbar from 'smooth-scrollbar'; import {TweenMax, TimelineLite, Power3} from 'gsap'; import gsap from 'gsap'; import ReactDOM from 'react-dom'; import { Component } from 'react'; import { ScrollTrigger } from "gsap/ScrollTrigger" export default function About() { useEffect(() => { const isSSR = typeof window === "undefined" if(!isSSR) {
  5. Yeah, that was exactly it. It's working well now, thanks a lot guys!
  6. Just updated to 3.4.2, is this the latest? I got this now.
  7. Hmm I tried that but I'm getting: anything I'm missing here? Thanks for taking the time!
  8. Hey guys, so I started playing with GSAP & Scroll Trigger and I really liked it and the animations are super smooth, but I've been also using this plugin Smooth Scrollbar ( https://idiotwu.github.io/smooth-scrollbar/ ) for a while and I wanted to add it to this new project as well, but it doesn't work. I was hoping maybe you guys can help a bit here? I don't have a codepen sadly but I've got some bits of code: I've got my page wrapped in these 2 divs, .scrollable is used to initialize Smooth Scroller <div className="scrollable" data-scrollba
  9. So I'm trying to recreate 2 effects that I saw on this awesome website: https://jesperlandberg.dev/ https://jesperlandberg.dev/about 1. is the 'page transition' effect when you press on profile, theres that white overlay that slides top with a warp/distortion 2. while on Profile, when you hover on a link you get that 3d text underline effect. How are these made and how are these so smooth? Anyone can offer some guidance, examples with similar effects? Thanks in advance! Really appreciate it! p.s.: I made this codepen with some basic css, its
×