-
Content Count
92 -
Joined
-
Last visited
Community Reputation
26 NewbieAbout jimeast
-
Rank
Advanced Member
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
jimeast changed their profile photo
-
jimeast started following TweenLite.to won't change my text., Converting to gsap3, GSAP over canvas and 5 others
-
How would I rewrite this to work in GSAP3 var tL = new TimelineLite(); tL.add("mylabel", 2); tL.to("#frame1", 2, { opacity: 1 }); tL.to("#txt1", .2, { y: 64, opacity: 0, ease:Sine.easeOut }, "mylabel"); tL.staggerFrom("#squares img", 0.8, {scale:0, y: 250, autoalpha:0, ease:Elastic.easeOut}, 0.1, "mylabel"); tL.from("#smiley", 2, { x:-100, rotation: -360, ease:Back.easeOut }, "+=.4");
-
Absolutely!!!!!!!!!!!!!!!!!!!
-
I have a canvas parallax animation that I copied from an example in a Canvas text book. I also have a GS animation which I copied from from a GS book. I put GS animation over the canvas ant it works fine. My problem is I can't seem to find a way to mask it off so that you only see the car when it's over the canvas. Thanks in advance. Jim E.
-
I don't recall I used to study GS years ago. I think some of the examples I saw in books must have used Jquery.
-
So GSAP doesn't use jquery internally?
-
Is there a version of GSAP that doesn't require Jquery?
-
Is there a way I can do this?
-
I have a fairly extensive and up to date knowledge of JS and jquery. I read that react is a good match for GSAP. I set out to learn react a few days ago and the deeper I get into it the more complex it gets. I want to use GSAP to make simple banner ads. Might being proficient in REACT be overkill?
-
json is real simple and easy to learn. Just go to udemy, search for json https://www.udemy.com/courses/search/?src=ukw&q=json
- 1 reply
-
- 2
-
-
OMG!! I need a brain transplant a.s.a.p! lol THANKS!!
-
Great!! This works on codepen now if I can get it to work elsewhere. This is the entire code just so we know I'm not missing something. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Eat More Chowder</title> <style> body { background-color: #ccc; } </style> </head> <body> <div id="text1">Eat</div> <script https://cdnjs.cloudflare.c
-
It's about the simplest example possible and it's got me stumped. When I run at home I always get a "TweenLite is not defined" error. This is copied from my editor at home. <body> <div id="text1">Eat</div> <script https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenLite.min.js></script> <script> var txt = document.getElementById("text1").innerText; TweenLite.to(txt, 2, {text:"New text here"}); console.log(txt); </script> </body>
-
Ok now I know why it was only working for me on codepen. I made my versions of jquery and gsap match what Blake was using now the problem's gone. Ya!!! Thank You so much!!
-
I changed to visibility: inherit but that just makes the word three disappear. Maybe I should remove the text from the html and add it all in the script? Or maybe I should change the css from hidden to visible in the script as soon as it loads.