#red{
    width:200px;
    height:200px;
    margin:50px;
    background:red;
}
.blur{
    -webkit-animation: fadeout linear 2.5s;
}
@-webkit-keyframes fadeout {
   0% {    -webkit-filter: opacity(100%) blur(0px);}
  50% { -webkit-filter: opacity(100%)  blur(10px);}
 100% {  -webkit-filter: opacity(0%) blur(20px);}
}

$(document).click(function(){
    $('#red').addClass('blur');
});