TEXT OVER VIDEO USING BLEND-MODE & GSAP - Elementor Wordpress Tutorial Flex Container

[@andreaegli]

GSAP or no GSAP this effect is pretty cool! What do you think?

[@sarahblo]

Just the exact kind of youtuber I’m looking for.. thanks for this!

[@andreaegli]

Thank you for the kind words, Sarah 🥰

[@AllenLu]

watching this on my vacation amazing

[@andreaegli]

Now that’s what I call dedication 😄 have a fantastic vacation!

[@osamitafr]

Thanks Andrea you are my best way to see life!

[@martialcouderc1545]

Too good, it's a great effect you're the best Andrea 🤩👏

[@andreaegli]

Thank you, Martial (what’s your name btw 🤓) lemme know what you think after you’ve tried it 🤪

[@martialcouderc1545]

​@@andreaegliNo worries, it will be a pleasure

[@martialcouderc1545]

I've tried the effect and it's great Andrea I love it thank you very much. My first name is Martial and I'm French from Paris 😉

[@moog6513]

Awesome !!! Thank you ! 💯

[@andreaegli]

Welcome 😉

[@jean-mahmoud_du_tacobel]

Very nice Andrea 👏❤ Dankeschön

[@andreaegli]

Bitte schön, Jean🤩

[@maddonist7089]

Thank youuuuu!!!

[@andreaegli]

welcome!

[@JohnXionidis]

Really cool effect! I can imagine it will also work with horizontal text scrolling as well.

[@andreaegli]

I love it!!!! Oh yeah, that's an idea I need to try😁

[@andreiof5]

Very awesome!

[@andreaegli]

Glad you think so, Andrei!

[@adied7725]

Hi, Great video again thanks... Just wondering about page speed and load? What are you thoughts... I think adding video to any hero adds much interest, but as you know page speed counts... I wondering if play on hover would help speed and weight of page?...

[@andreaegli]

Thank you 😉 I would try compressing the video and/or serve it through CDN....play on hover could work but it definitely depends on what you're going for in terms of design. In this case, the video should play on load in order to have the visual effect.

[@adied7725]

@@andreaegli thanks for your kind reply... Are you saying through Cloudfare?, how would I do that?, please

[@erhamotionvideo7517]

Nice.... thanks my suhu

[@andreaegli]

Most welcome 😊

[@VRVixenVR]

Thank you alot for this video.

[@andreaegli]

You're very welcome!

[@jeromejarapa]

Hi andrea, thank you for sharing this tutorial. May I know where did you learn GSAP? Is there any online courses you can recommend?

[@andreaegli]

Hey Jerome! You are very welcome!!!! I know you might not like this answer but I learned by doing...so much trial & error. I have some coding knowledge so that helped a lot. I found this free course which I think I will go through, maybe you can check it out ihatetomatoes.net/get-greensock-101/

[@AhmedMagdy-lf4nr]

Nice effect.. from nice Chanel 🎉

[@andreaegli]

Thanks, Ahmed!! ✌️

[@rtydesign]

Lovely!💕 I'm testing it out, but any background colour other than black (for the copy container) is transparent ... Any suggestions how to change the background colour?

[@andreaegli]

Thank you!🤓 Hmm, to be honest, I don't have a solution at the moment but I'll look into it and let you know. If you figure it out, please post it in the comments, maybe someone else would like to know🤩

[@learnearn3166]

Very informative video.

[@andreaegli]

Glad it was helpful!🤓

[@t20sgrunt36]

Why not Just use -webkit-background-clip: text; ?

[@andreaegli]

You absolutely can, there's always more than one way of doing things😉