Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Newbie

About yasserzakaria1993

  1. thanks again for your help, could you tell me the reason for choosing Video and not Sprite Sheet?
  2. Hey @ZachSaucier thanks for your quick response, I appreciate it. the videos will be played one time ( no loop ), and it doesn't require any interaction from the user. in regards to the performance, I mean the loading speed and the use of site's resources. for example, we have a slider with 8 slides, and each slide contains 2 or 3 videos, all those in one page. the most important question is the browser (Desktop only) compatibility and rendering of videos, will I face any problem with that? all videos will be autoplay(muted). I heard that in some browser the user needs to clic
  3. Hi Guys, please checkout the attachments, 3 gifs to show you examples of the animation that I want to implement on the site. actually, those just a placeholder and the client will change them later. my question is, which is the best for the performance and compatibility? to implement them as videos or Sprite Sheet? FYI - In mobile devices it will be just image ( no animation required ). Thanks so much
  4. I don't if it is a valid question but I really need this version but I always end up downloading 3.4.x version from the site by the way thanks for this amazing community and this great forum
  5. Hello BEST Team ever, first of All, Thank you very much for this amazing work on GSAP 3 . I have weird issue when I tried to implement smoothscrolling with scrolltrigger. I'm getting this error in the console and the scrolltrigger is failing to trigger any animation with scrolling I'm using this code to connect scrolltrigger with smooth-scrollbars import Scrollbar from 'smooth-scrollbar'; import {gsap} from 'gsap'; import {ScrollTrigger} from 'gsap/ScrollTrigger'; gsap.registerPlugin(ScrollTrigger); export default () => { const scrollContainer = document.quer
  6. maybe it is due to state is changing I will revise the code again Thank you for your helpful info about from functionality
  7. sorry for not providing a demo before https://codepen.io/mody-ydom/pen/yLNVQXq?editors=0010
  8. Hi guys I really happy with gsap3, and I was waiting for it for very log time 🤩, but I now facing a very weird problem I'm animating some labels with gsap timeline.from to make them appear one by one "a really simple animation" but opacity is animating from 0 -> 0.003 or 0.06 also this is the same with scale from 0 -> 0.08 or something like this i'm using react-js but I don't think this is the problem useEffect(()=>{ labelsRef.current && tl .from(labelsRef.current.getElementsByTagName('mark'),{duration:1,opacity:0,stagger
  9. here is another video after trying a lot of things, please watch it. Video Link: http://somup.com/cqnZf0nr5p
  10. Hi Guys, @GreenSock and @Rodrigo I really thank you so much for helping me, I appreciate that. you are GREAT. I recorded another video: https://screencast-o-matic.com/watch/cqnZVy0jyv I can send you the code, if this will help, you have a better experience and you can tell me about my mistakes on the code. again, thanks guys for everything
  11. Hi everyone, I recorded this video to explain the issue with more details: Video Link: https://screencast-o-matic.com/watch/cqn3rm0iYG and here is the live site: http://yasserzakaria.com/sauditimeline/