css3 - css blur technique only for the background -


this question has answer here:

i want blur background image of html code using css3 filter , please provide explanation.

    <!doctype html> <html> <head>     <title>student-login</title>     <link href='http://fonts.googleapis.com/css?family=slabo+27px' rel='stylesheet' type='text/css'>     <style>         body{              background-image: url("background.jpg");             background-size: cover;             background-repeat: no-repeat;             background-position: center;             background-attachment: fixed;         }      </style> </head> <body>     <div class="main-form">     <h1>hello</h1>     </div> </body> </html> 

but content in not blurred.

you have use 2 different containers, take here you:

https://stackoverflow.com/a/20039965/4298050


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -