image rotate on hover

<style>
.pp {
  overflow: hidden;
  margin: auto;
  min-width: 240px;
  max-width: 240px;
  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(1px); /* Chrome, Safari, Opera */
  filter: blur(1px);
}

</style>

<figure class="pp">
  <img src="link"/>
</figure> <!---you can cut this part off if you have pro plus!--->