Website PreLoader Animation | Page Reveal Animation GSAP | HTML, CSS, JavaScript x Greensock

Source Code: codegrid.gumro...
Support the channel: ko-fi.com/code...
Twitter: / codegridweb
Public Discord: / discord
Thanks for watching!

[@ethan.creates]

You're making it look too easy. Thanks man! Go-to for CSS and Animations

[@itsmerioofficial]

If any of got elements not working problem try taking element id or class and put it in a function changing the z index greater than overlay and counter and then call the function using setTimeout method with delay of 5000

[@sourav_kd]

We need more GSAP tutorials please.

[@codegrid]

Sure

[@nidonjose7902]

@@codegrid bro my problems is z index i can select any buttons on the page any solution for that?

[@beteer1120]

thanks for this, if i may ask, what's the second argument used for ?

[@beteer1120]

is it for duration ?

[@imyzf]

Can you please make an About section where you can drag images all over the website? Thank you so much

[@codegrid]

Can you share any example? Not sure what you mean

[@3hustle]

bro is there any way to preload videos at the startign only and then able to seek to any point without buffering, i dont know if youtube allow this or not but is it possible somehow through programming?

[@renanrubini3865]

Is it possible to take this code and apply it to Elementor? If so, what changes should I make?

[@dindustack]

This is nice. Keep up the good work

[@codegrid]

Thanks!

[@charlesduvaldesign]

Yo, this is such a great tutorial thank you! Once overlays have been added my navbar links are no longer working for some reason. Looks like they're being covered. Wondering, would I just add a z-index style to the navbar so they are above the overlay? Appreciate any feedback here!

[@safkatsadli1374]

yes this is the problem,when you watch tutorial iam facing the same and here agian to find the solution but didn't got any

[@seekhokhushise]

Hey I was trying these animations in my portfolio but I am not able to get this font - 'Carpenter'. Tell me how to get it, please.😢🙏

[@codegrid]

foundry.basement.studio/fonts/carpenter

[@seekhokhushise]

@@codegrid thank you❤

[@Ali_UX_Desinger]

you experience with GSAP is great and important for us, I really appreciate all your videos but instead of writing HTML and CSS can you start making some content about GSAP with Webflow? you are going to grab a lot of traffic because not a lot of people doing that and its very attractive for new users like me who are coming in this no code or low code thing. love you work

[@Demilada]

I love your presentation style

[@codegrid]

I appreciate that!

[@rightpadding]

How do we apply this on page builders?

[@thefivekingdoms]

Thank you for this, but when you set the overflow to hidden, the image gets cut off and can only be seen when you reduce the screen size. What is the use of the animation if you can't do anything with it? You can't add other containers at the bottom. You're simply making this for the sake of proving you can do the animation, beyond that, it's useless. I mean I love your animations, but sometimes, they can be a headache a work around.

[@matteobruno1801]

yo! im wondering how to underline a GSAP text animation, im really stuck, could yo give some info?

[@ahmedahmedx9600]

Can you do that using framer motion please ?

[@elbromas12459]

I Like your Style minimal,

[@nishanthb2327]

Hey good one
I have a question why did adding animation remove the mouse click , like it doesn’t show the pointer when we hover over the a tag or I can’t select the text?
I am a beginner 😅

[@codegrid]

You’re right. I forgot to set pointer-events: none on the overlay and counter.

[@athuljonnie]

manage the z-index

[@killiantorrellfernandez7861]

How do I get the font?

[@ahmedahmedx9600]

Called Dank mono

[@AquaAsh07]

what font are using in this video please tell me

[@afaqzzz]

carpenter

[@tmkocepisodes2311]

Can't we get it for free?

[@akashash9746]

​@@afaqzzz​ doesn't look same

[@eruditeboen3860]

bro really did us dirty wit the lil code cut off 3:57💀

[@codegrid]

Just generic font styling bro, nothing important ✌🏼

[@eruditeboen3860]

@@codegrid oh ight. appreciate it👍

[@julianvelez6563]

nice work bro

[@codegrid]

Thanks bro

[@olivierlarose1]

Clean👏

[@codegrid]

Thanks

[@kadetvb]

Awesome!

[@ritikmanta0028]

Bro make series of complete website using gsap animations ❤

[@codegrid]

Let’s see

[@berkipekoglu]

Awesome! GSAP tutorials please dude.

[@codegrid]

💯

[@DrNabeel20]

This is cool!

[@codegrid]

Ty

[@Way_Of_The_Light]

I miss the no explanation videos so I could just enjoy the music 😅

[@codegrid]

Bro you’re confusing me lmao. People used to ask for explanation in the videos! Now that I have it, some people miss videos without voiceover haha. But I appreciate you like music though. If you take a look at recent videos, I post some videos with voiceover, and some without it - based on time I have! Hope you enjoy it. Thanks

[@Way_Of_The_Light]

@@codegrid Haha I know, different subscribers ask for different things. Maybe you can upload 2 videos at a time? One with commentary and one without?

[@codegrid]

Yeah that’s the plan

[@ckmirafss]

❤❤❤

[@codegrid]

❤️

[@oruaromukoro5072]

He dont miss

[@codegrid]

✅

[@serychristianrenaud]

thank

[@codegrid]

🙏🏽

[@abdullahalnomaan9735]

plz share github link

[@codegrid]

Not free anymore sorry! codegrid.gumroad.com/l/codegridpro/

[@abdullahalnomaan9735]

@@codegrid thanks. ❤️