Blur effect items on hover

HTML

<div></div>

CSS

/* Blur Effect */


div {
    background-image: url('https://pbs.twimg.com/profile_images/458796011356311552/2D5G8yIo.png');
    width: 210px;
    height: 210px;
    background-size:100%;
    background-position:center;
}

div:hover {
-webkit-filter: blur(2px); 
    -moz-filter: blur(2px); 
    -o-filter: blur(2px); 
    -ms-filter: blur(2px); 
    filter: blur(2px);

    background-size:120%;
    transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
    -o-transition:all 0.5s ;
    -moz-transition:all 0.5s ;

    
}