zoom blur rotate on hover

<style>
.pp {
overflow: hidden;
margin: auto;
min-width: 90px;
max-width: 90px;
width: 100%;
}

.pp img {
transition: all 0.5s;
box-sizing: border-box;
max-width: 100%;
}

.pp:hover img {
transform: scale(1.3) rotate(12deg);
webkit-filter: blur(2px); /* Chrome, Safari, Opera */
filter: blur(2px);
}

</style>

<figure class="pp">
<img src="https://s11.gifyu.com/images/Previous_life2C_this_life.jpg"/>
</figure>