Jump to content
Search Community

luda

Members
  • Posts

    5
  • Joined

  • Last visited

luda's Achievements

  1. luda

    DrawSVG

    Hi! I would like to know if there is a free version of the DrawSVGPlugin
  2. Thank you very much! I’m happy for already being a victim of Strict Mode?.
  3. Hi! Previously I asked how to play a video depending on the scroll and I already achieve that. Now I have been trying to fix the container video on the 100vh until the video finishes. Here I show a video of how my actual project works. https://drive.google.com/file/d/11VPRgnHDnNvbSBtCdrrXMg4pgutD5zqg/view?usp=sharing The solution that I want only works only when I scroll backward. When I scroll from top to bottom and the markers cross each other, the container disappears. And also the container joins the one below I also recreate the project in the Stackbitz link https://stackblitz.com/edit/react-ymjgyj?file=src/App.js
  4. luda

    Video scroll React

    https://stackblitz.com/edit/react-jov7cy?file=src/App.js I tried to animate the video with the help of other posts in this forum but I didn't achieve it. My idea is that the video plays when the video is in the middle of the page and the user is not able to continue scrolling until the video finish
  5. luda

    Video scroll React

    Hello friends, I have been trying to play a video depending on the scroll that the user makes. I haven't found anything as a tutorial video. I have been trying some things that I had seen in this Forum. My question is that someone already achieved this type of animation on React? Most of the post in this forum is about Vanilla Javascript If someone can help me I really appreciated I don't have code about gsap, I have been trying things but doesn't work and I finish in the same place, in this code: import textVideo from "../assets/text.mp4"; import styles from "../styles/Video.module.css"; const Video = () => { return ( <div> <video className={styles.textVideo} src={textVideo} muted autoPlay loop /> </div> ); }; export default Video;
×
×
  • Create New...