Blur on WebKit Nightly

Now you can blur your stuffs without photoshop or css/js workarounds. -webkit-filter:blur() Amazing :)

by Nofiden Noble

HTML

<h1>You're not drunk. I'm a blur filter on WebKit Nightly!</h1>

<a href="//twitter.com/danielfilho"><img src="//api.twitter.com/1/users/profile_image/danielfilho?size=bigger" alt="Me too!" title="Me too!"></a>

CSS

body{ padding:50px; text-align:center; }

img{ margin:50px 0 0 0; }

h1, img{
    font-family:sans-serif;
    font-weight:bold;
    -webkit-filter: blur(15px);
    -webkit-transition: -webkit-filter .50s;
}

h1:hover, img:hover{
    -webkit-filter: none;
    -webkit-transition: -webkit-filter .50s;
}