CODEWITHSUNDEEP
htmlcsswordpressvideobackground
Emad Haddad
Emad Haddad

Reputation: 23

Making div video background fade - is it possible?

I'm creating a website for a client using Wordpress. The top portion of the website is a div with a video as the background. They have requested that the bottom of the video div fade into the background of the website. I can't think of any way to make this happen but I thought I'd look into this and see if there are any possibilities to make this work. Please advise.

See the website here: test site: http://www.dankruptmusic.net/wordpress actual site: http://www.dankruptmusic.net

Thank you all!

Upvotes: 0

Views: 1479

Answers (1)

Tanel Eero
Tanel Eero

Reputation: 652

What you are looking for is a gradient mask and there is a post on that topic where you should find your solution - Using CSS, can you apply a gradient mask to fade to the background over text?

Also check out this article on the whole masking subject. It might have a simpler example of what you are looking for - https://css-tricks.com/clipping-masking-css/

Upvotes: 1

Related Questions