Jump to content
Search Community

nicobonder

Members
  • Posts

    7
  • Joined

  • Last visited

nicobonder's Achievements

  1. That is beautiful! Thank you very much!
  2. I am sorry, I just saw your code. what I was trying to do is that the airplane had some movement to the sides. That is why I used tl
  3. Yes, I solved the installation problem. I just want the flight keep moving down until the text finish and stop in the same line where the text finsh. Just that.
  4. I found a tutorial and now I am pretty much closer. You can check the code again in codepen. https://codepen.io/nicobonder/pen/gOxqQrm as the text can be shorter o longer, I need to know how to make the airplane stop exactly when the textos div finish or make it flight beyond the window limit. Can you help me with that? Thanks.
  5. Thanks @GreenSock When I try that (I copied your solution), but I recive the "gsap is not defined" message. I tried to declare gsap using: var gsap = require("gsap/dist/gsap").gsap; var MotionPathPlugin = require("gsap/dist/MotionPathPlugin").MotionPathPlugin; And I guess I should include some script in html to include the plugins, right? I really dont understand the installation page. Sorry, I am pretty new developing. Thanks for your help!
  6. I also tryed to use gsap.fromTo , but I dont know where should I use it. Because if I do it like in the docs and just put it in JS, I got the "gsap is not defined" message.
  7. Hi, I am using GSAP for first time. I want to create a path with an airplane that move at the left of some text. I could do it, but the body or the area where is the text is much longer than the content. So, I dont know how to fix that. I was trying to change the height of the body or the div "text" any of that fixed the problem. so, I guess the problem is in the GSAP configuration. I think I should use some end property, but I dont understand how to do it. Can you help? The idea is to learn how to use it to include this in a biger proyect. Thanks. moverObjetos.css moverObjetos.html movimiento.js
×
×
  • Create New...