Using an image with a dark overlay is one of the quickest ways to make a beautiful hero header for a blog, landing page or portfolio. It's a trick ...
For further actions, you may consider blocking this person and/or reporting abuse
We can also use a solution like below but it will require some what more CSS.
Here is the link: codepen.io/sonawaneapekshit/pen/Rw...
I have never thought about doing it this way b4. It's usually the two mentioned in the post. Thanks for sharing this.
This was so helpful to me Ellen. Thank you
The first method won't work. You have to position absolutely img or section tag. Otherwise the img will fit all the available space and push section tag with text out out the view.
yea, I tried it, the section was at the bottom. and now I have to give the section positioning
pretty cool, ellen!
Cheers, Felippe!
How can you use it with a video background
I don't work with videos too often, but theres a solution here: stackoverflow.com/questions/489620...
Typo: VIOLA, should be VOILA.
I used this post today for a project! thanks Ellen
this solution is very elegant, thanks...
Hi, Thanks for the Tip really helpful
Thank you for this tutorial. It's very helpful π
Ah, genius! Big thanks
Thank you, helped me a lot.
Thanks for this post! Iβm excited to try this out and spice up my portfolio site π©π½βπ»ππΌππΌ
Cool!
Lol
i have successfully applied this tutorial on my blog, gistkit.com.ng
Thanks for the helpful tutorial.
thanks for this
I think using gradients like this can really cheer up a bad image.