dracslaura

image rotate on hover

May 29th, 2021 (edited)
1,825
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .pp {
  3. overflow: hidden;
  4. margin: auto;
  5. min-width: 240px;
  6. max-width: 240px;
  7. width: 100%;
  8. }
  9.  
  10. .pp img {
  11. transition: all 0.5s;
  12. box-sizing: border-box;
  13. max-width: 100%;
  14. }
  15.  
  16. .pp:hover img {
  17. transform: scale(1.3) rotate(12deg);
  18. webkit-filter: blur(1px); /* Chrome, Safari, Opera */
  19. filter: blur(1px);
  20. }
  21.  
  22. </style>
  23.  
  24. <figure class="pp">
  25. <img src="link"/>
  26. </figure> <!---you can cut this part off if you have pro plus!--->
RAW Paste Data