Fresh drops for people who build on the web. Explore the collection
HTMLJavaScript
● 1 min read ● 105 views

SVG Text Mask With Video Background

#css text mask animation #svg image clip #svg knockout text #svg mask #svg mask animation #svg mask not working #svg text mask with video background #text mask css
Praveen Kumar Praveen Kumar
● May 22, 2020
SVG Text Mask With Video Background

Want to show some text but instead of a solid colour you might want to use an image in the background or how about a video? This snippet designed by Dudley Storey lets you do just that.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen
SVG Text Mask w/ Video Fill by Dudley Storey (@dudleystorey)
on CodePen.

Praveen Kumar

Written by Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

Related Tutorials & Articles