GSAP for Webflow is FINALLY Here!

used many apps uh so excuse the oh here we go launch I was going to say I haven't looked into them uh all too much so I didn't know if I actually knew what was going on so copy the setup code uh there we go this is probably the libraries here add it to the body custom code I think that could be clearer pick the animation and hit apply publish and preview let's go I'm guessing it needs to be in the wow I mean if you're just applying it to one page so what was you saying now uh body there we go I'm guessing it's that um oh it's using Slater that's cool so what we got we got split type we got Gap Min so he's hosting his own oh no they're using an external library for split type struck skull trigger and then Slater for all of the magic cool shout out Slater and then we can save that um select a text element in the design it does it need to be a text element pick an animation is it here okay so look okay so that's that we can apply that publish publish to preview there you go I didn't think it was going to be in there let's give that a go and while that's doing that let's have a little quick look at words rotate in that's cool fade in gup scroll trigger G sub so okay so it looks like they all use scroll trigger I think that's generally what you that's a kind of fail safe because you don't want something animating in cool you don't want something animating in when it's off the screen so I think the scroll trigger is fail safe pre-order 50 premium animations okay so there's a paid for nice little monetary uh slide in there that's cool I mean from business perspective it sucks for us so what so pre-order pre-order so Save hours of editing custom made animations I would love to see a um a landing proper landing page for this so I understand it a bit better let's go to the Twitter here we go I want to learn more about what you get or at least some see some sort of um breakdown of what it is so 100 times faster okay I think I think we need bit more of an explanation of what's what's going on in terms of the paid one you talk about attributes as well so how to use those I suppose you just put in the attribute of the trigger um but yeah great this is awesome so as you saw there it be nice to see some more features more advanced things but I'm this is the first one he's just released it so I've have no doubt this is going to improve I'd like to be able to adjust things in the attributes panel change durations and various things like that and obviously it would be great to uh see some more than just text elements animating in but once again this is the first release # buildingpublic so like subscribe if you haven't already until next time happy no [Music] coding

Channel: Webflow and Code

Views: 1,772

Keywords: Webflow, HTML, CSS, JavaScript, Web, development, web, fundamentals, website, code, learn, coding, webflow, build, websites, nocode, no, codenocode, accessibility, seo, search, engine, optimisation, Basics, Learn, learning, html, web fundamentals, webflow masterclass

Id: yJEF0a0X_Ow

Length: 4min 21sec (261 seconds)

Published: Thu Mar 28 2024