fernandofas
-
Content Count
29 -
Joined
-
Last visited
Recent Profile Visitors
2,225 profile views
-
Hi Rodrigo, Thank you for your input. The comma is not on the original code, it was a mistype when placing in the post. Sorry about that. Unfortunately, placing .progress(1) and .reverse(); didn't work. Not sure why, but I will create a codepen file and will place the link here asap. Thank you
-
Hi guys, I know this topic have been around for a while, but I can't make the timeline to reverse just adding .reverse() at the end of it. Any help will be great. Thank you, Fernando ,this.timeline = gsap.timeline() .to([this.f1back,this.logo], {duration: 1, xPercent: -100, z: 0.1, rotationZ: 0.01, force3D:true, transformPerspective: 1000, ease: 'none' }, "+=4") .from([this.f2back, this.f2copy1, this.f2copy2, this.ctaback, this.ctacopy, this.f2logo], {duration: 1, xPercent: 100, z: 0.1, rotationZ: 0.01, force3D:true, transformPers
-
How to include GSAp3 ScrollTrigger in an Express website/app
fernandofas replied to fernandofas's topic in GSAP
Hi Rodrigo, I installed npm gsap and not sure how to make it to work on express. I'm using express and handlebars as a templating engine, but I believe that won't be a problem. My issue here is: Where do I place the animation and how can I make express to run it. It's all foggy to me atm. Thank you. -
Hi there, I'm wondering if there is already a topic to implement GSAP and Express as I want to use the ScrollTrigger as a lazyload for the images. I'm stuck with some project and as a member, I want to use the plugin for this purpose. Any help will be great. Thank you!!
-
Thank you ZachSaucier. Seems like it's working now. Do I always need to use the umd version of the plugins for my projects? Cheers, Fernando
-
Hi Mikel, Thanks for the info, but I'm trying to draw a svg file locally and any other svg that I place is giving me error. If I use the cdn that you provided is not gonna work locally, just on codepen. See file attached. Cheers, Fernando draw.zip
-
HI @mikel, I register the plugin and still not working. I'm attaching the files again and a screenshot. Thank you, Fernando draw.zip
-
Hi guys, I'm replicating this pen locally and there is no way I can make it to work. The console msgs are: index.html:42 Uncaught ReferenceError: gsap is not defined at index.html:42 (anonymous) @ index.html:42 DrawSVGPlugin.js:138 Uncaught SyntaxError: Unexpected token 'export' And this is my index.html file: <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-
Awesome as always!!! Well done and great work guys.
-
Hi there, Try to add transformperspective:xxxpx where the xxx is the width of the slide. Plus, z: 0.1, rotationZ: 0.01, force3D: true. That might help. Cheers,
-
Hi guys, I just an article on the GSAP Blog about the "will-change" and Chrome issue with scaling images and after copying the codepen provided in the article I started to play around a solution that possibly could help lots of devs around. So, if you read this article http://greensock.com/will-change, you will see that the first image get blurry when scaling. I added "transformPerspective" and "z" properties on the animation and the scaling goes smoothly and works well. I have been using it for a while now and I hope you guys can find it useful as well. See the codes modi
-
Hi Petr, Thanks to clarify it. Now I'm gonna do amazing stuff with the plugin. You rock \m/.
-
Hi there, I'm starting to use DrawSVG and I really can't make the drawing properly. I read the tutorials and watched the videos a few times and all that I need is to make the drawing properly. Firstly, I don't want the text coming up first, I want the drawing happening along the duration of the tween and revealing the text. Please let me know what's is wrong with my pen. It's an excellent plugin and we have the business club here at work, but I'm testing all the plugins before we place into our production. Any help it will be great. Kind regards, Fernan
-
Thanks Carl, Sometimes an eye from outside can see better a simple mistake. All good. You are a star. \m/
-
Hi guys, I'm testing the morphsvg and splittext plugins and got something interesting. After read the tutorials and following the videos from the website, my results didn't match the tutorials and I would like to know why. Strangely, when the splittext is running, it grabs all the javascript codes and post it as a text. I'm sure that is not common, but I have no idea atm what's going on. If you could have a look and reply to this treat it will be great. Kind regards, Fernando Fas
