Can someone help me to add background image hero in section and make it blur like opacity?
1 Reply
instead of putting the image on the div, use a ::before, then set the image to it and apply a
filter: blur()
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blurblur() - CSS: Cascading Style Sheets | MDN
The blur() CSS function applies a Gaussian blur to the input image. Its result is a .