Advertisement
vaninoe

image glitch

Nov 16th, 2021
296
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.55 KB | None | 0 0
  1. <style>
  2.  
  3. #glitch {
  4. animation: glitch-2 1s infinite linear;
  5. animation: glitch-1 2s infinite linear;
  6. }
  7.  
  8. @keyframes glitch-1 {
  9. 0%, 12%, 15%, 52%, 55%, 82%, 85%, 100% {
  10. opacity: 1; transform: scaleX(1) scaleY(1);
  11. }
  12.  
  13. 13% {
  14. opacity: .8; transform: scaleY(2); color: #;
  15. }
  16.  
  17. 53% {
  18. opacity: .8; transform: scaleX(.7); color: #;
  19. }
  20.  
  21. 83% {
  22. opacity: 8; transform: rotate(-10deg); color: #;
  23. }
  24. }
  25.  
  26.  
  27. @keyframes glitch-2 {
  28. 13% {color: #;
  29. }
  30.  
  31. 53% {color: #;
  32. }
  33.  
  34. 83% {color: #;
  35. }
  36. }
  37.  
  38. </style>
  39. <div id="glitch">
  40. <img src="Your Image Here">
  41. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement