#imagens

Visualização

Css:

 .side  {position: absolute; width:25px;height:25px; margin-left:590px; margin-top: 222px;position:fixed;;  }

.side   img {position:fixed; width: 150px; height: 150px;opacity:0.5; ;border:5px solid  #2c292b;;-webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px;border:7px solid rgba(255, 255, 255, 0.5);} 

.side img:hover{; -webkit-transition: all 1.6s ease-out;  -moz-transition: all 0.6s ease-out;filter: blur(1px);-webkit-filter: blur(1px);-moz-filter: blur(1px);-o-filter: blur(1px);-ms-filter: blur(2px);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -webkit-transition-duration: .99s; -moz-transition-duration: .99s; -webkit-transform: rotate(0deg) scale(1.13) skew(0deg) translate(0px);}

Se você quiser aumentar o blur vá aumenta onde diz blur(1px) e modifique, e se você quiser aumentar o zoom vá em scale(1.13) e vá trocando até ficar do jeito que você quer.

Html

->XCode

Se usar, dê like e credite.

/isa