rotate hover

<style>
#rotate {
overflow: hidden;
display: inline-block;

}

#rotate img {
transition: transform .5s;
}

#rotate:hover img {
transform: scale(1.25) rotate(10deg);
transform-origin: 50% 50%;
webkit-filter: blur(.5px);
filter: blur(.5px);

}

</style>
<div id="rotate">
<img src="https://vnc.crd.co/assets/images/rotate.jpg">
</div>