Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to blur the background-image of my body

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #237519
    cscodismith
    Participant

    At the moment I am trying to figure out a way to blur my background image that I have assigned to my body tag in my css:

    body {
    margin: 0 auto;
    padding: 0;
    background-image: url("http://i.imgur.com/IOajy.jpg");
    background-repeat: repeat-x;
    }

    I took a look at the article at https://css-tricks.com/almanac/properties/f/filter/ but seems to be using classes in order to do that. Is there a way I can use the filters on the background-image of my body tag?

    You can view a small codepen.io project of this at http://codepen.io/lowheartrate/pen/QyxaPG

    #237520
    Shikkediel
    Participant

    I don’t think you can apply it to the background only. I’d use a pseudo for it…

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.