Advertisement
vaninoe

image shake

Jul 14th, 2021 (edited)
2,294
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.84 KB | None | 0 0
  1. <style>
  2.  
  3. #shake:hover img {
  4. animation: shake 0.5s;
  5. animation-iteration-count: infinite;
  6. -webkit-filter:blur(1px);
  7. -webkit-transition: .5s ease-in;
  8. }
  9.  
  10. @keyframes shake {
  11. 0% { transform: translate(1px, 1px) rotate(0deg); }
  12. 10% { transform: translate(-1px, -2px) rotate(-1deg); }
  13. 20% { transform: translate(-3px, 0px) rotate(1deg); }
  14. 30% { transform: translate(3px, 2px) rotate(0deg); }
  15. 40% { transform: translate(1px, -1px) rotate(1deg); }
  16. 50% { transform: translate(-1px, 2px) rotate(-1deg); }
  17. 60% { transform: translate(-3px, 1px) rotate(0deg); }
  18. 70% { transform: translate(3px, 1px) rotate(-1deg); }
  19. 80% { transform: translate(-1px, -1px) rotate(1deg); }
  20. 90% { transform: translate(1px, 2px) rotate(0deg); }
  21. 100% { transform: translate(1px, -2px) rotate(-1deg); }
  22. }
  23.  
  24. </style>
  25. <div id="shake">
  26. <img src="Your Image Here">
  27. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement