Blur background

  • Hello WordPressers,

    II have a question. I have a picture installed as a parallax background, on that picture a want to write something, and that is not so difficult but to get the text more clearly to the foreground I want to blur the background only just behind the text, so how do I do this???

    Regards Richard

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can use the CSS property filter.

    .image-to-blur {
  filter: blur(20px);
}

    Filter also had other tools that you can pair with blur, such as brightness, contrast, grayscale, saturate, etc.

    Here is the MDN article https://developer.mozilla.org/en-US/docs/Web/CSS/filter

    However filter is not supported by all browsers, so check out https://caniuse.com/#feat=css-filters and make sure this would work for you and your visitors.

    As another note, if this is the only place you are using your image why don’t you just upload the image already blurred?

    Thread Starter Richard27

    (@richard27)

    Hi Asjkelton,

    I only want to blur the backgound of the box where i wrote something in, maybe i didn’t explane it very well, my english is not so very well.

    Richard

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blur background’ is closed to new replies.