SVG Clip Masking Video is Awesome | Tutorial

bit.ly/49gjFUc 👈 Design & code like me. Use "UI2023" for 23% Off!
designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, I'm uploading a lesson video from my upcoming Advanced Frontends course, where you'll learn how to utilize SVG text clipping masks, and reveal anything behind them (including video)!
0:00 - Intro
0:28 - What's happening
1:36 - HTML/CSS Overview
3:40 - Showing Video
6:26 - JavaScript Scroll Animation
Let's get started!
#javascript #svg #frontend
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

The new youtube studio is nearing completion! Can't wait to show you all.
Also, if you haven't yet, go here and enter your email to be notified of the Advanced Frontends release: designcourse.com/af

[@MrAndi1281]

why does an effect, that died years ago, has its place in a 2024 course? I mean, there are better Lenis examples, right?

[@ickass]

your content is very rich!! thank you for sharing

[@mbob6]

Am gonna take the course

[@vinyldisk3382]

hi is it possible to change the background of that white div where OCEAN text is placed into another image?

[@scopes321]

The intro says that the files are in the RUclips description but I could not find them. Where can I download the example script?

[@DailyPaily]

So, Flash is back after 7 years.

[@jugibur2117]

Looks really great, thanks!

[@coresfx5280]

Poorly explained.. left having to google most of what was done

[@choanlpoto]

litteraly explain nothing.

[@MrAndi1281]

what do you mean? he explains it, doesn´t he?

[@adfinemrising]

@@MrAndi1281 he probably doesn't code bro.. but he has interest. basics are kinda skipped here

[@dimtodim]

For me dont work