vaninoe

rotate hover

Jul 15th, 2021 (edited)
1,145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.35 KB | None | 0 0
  1. <style>
  2. #rotate {
  3. overflow: hidden;
  4. display: inline-block;
  5.  
  6. }
  7.  
  8. #rotate img {
  9. transition: transform .5s;
  10. }
  11.  
  12. #rotate:hover img {
  13. transform: scale(1.25) rotate(10deg);
  14. transform-origin: 50% 50%;
  15. webkit-filter: blur(.5px);
  16. filter: blur(.5px);
  17.  
  18. }
  19.  
  20. </style>
  21. <div id="rotate">
  22. <img src="https://vnc.crd.co/assets/images/rotate.jpg">
  23. </div>
Add Comment
Please, Sign In to add comment