Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

2 Newbie

About sadeghbarati007

  • Rank

Recent Profile Visitors

510 profile views
  1. here's updated codepen example sometime repeat works sometime stops at end https://codepen.io/riccardo051/pen/mdPmOag
  2. @ZachSaucier @GreenSock @OSUblake @mikel Hi again how to update Modifier value with Scroll Direction ( not separate rightToLeft leftToRight wrap function ) coz its wrap just in one direction ( scrollTrigger direction ) if you change direction ( negative timeScale ) it stop at end of tween not keeping the loop continue another question how to use wrap without Absolute positioning coz we may have different text and different width size in Scrolling container ? can you guys do a favor and make a best solution for us its really hurts when you can't find solution 😭😭😢
  3. No Thanks @ZachSaucier and @GreenSock only wrapping loops I have to practices with modifiers If I have question I will came back xD
  4. @GreenSock https://codepen.io/riccardo051/pen/mdPmOag Math code commented down below of js panel looks like Math helpers some of them can't work with negative values so returns NaN it's not Gsap error I just want to get best value from getVelocity with best helper you suggesting
  5. Take a look at this example Progress bar indicator while scrolling at end of scrolling progress bar hides I want to use ScrollTrigger width on scroll and hide it slightly at the end ? how to set delay on property in ScrollTrigger ? or we have to use two scrollTrigger one for width one for hide ?
  6. @ZachSaucier Thanks for help getVelocity parameter helps me but How to get best velocity size coz it's generate big number while scrolling and timeScale is gets really faster getVelocity / 100 ? Math helpers? https://codepen.io/riccardo051/pen/mdPmOag Many repetitive topics I see in Gsap fourm is how to get best wrapping loops and that my question too
  7. hope this Topic help others like me only thing It came to my mind: pasue a timeline while scrolling ? and then play it while no scrolling ?
  8. How to create this animation like Cuberto Idea Without jumpy at end of repeat and while ScrollTriggering or Scrub and how to get scrollDirection with ScrollTrigger API Cuberto use idiotWu scrollbar plugin for scroll direction
  9. sry i dont see that link that solve my problem thanks
  10. Hello I have question about how to use gsap in React and Specially in Gatsby I have installed gsap new version with npm install ./gsap-bonus.tgz In my gatsby-browser.js I define all plugins Globaly so use all those features without import them in another files only gsap.to() works here is my gatsby-browser.js: /** * Implement Gatsby's Browser APIs in this file. * * See: https://www.gatsbyjs.org/docs/browser-apis/ */ // You can delete this file if you're not using it import gsap from "gsap" import ScrollTrigger from "gsap/ScrollTrigger"; import CSSRulePlugin from "gsap/CSSRulePlugin"; import CSSPlugin from "gsap/CSSPlugin" gsap.registerPlugin(ScrollTrigger, CSSPlugin, CSSRulePlugin); Pls help or update GreenSock React Tutorial and GreenSock NpmUsage :'(
  11. simple web design :)