Advertisement
n3ito

[code] glitch text

May 21st, 2022
46
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.82 KB | None
  1. <style>
  2. #glitch {}
  3.  
  4. #glitch {
  5. font-size:2em ;
  6. /* Change glitch effect here */
  7. /* animation: glitch-2 1s infinite linear; */
  8. animation: glitch-1 2s infinite linear;
  9. }
  10.  
  11. @keyframes glitch-1 {
  12. 0%,
  13. 12%,
  14. 15%,
  15. 52%,
  16. 55%,
  17. 82%,
  18. 85%,
  19. 100% {
  20. opacity: 1;
  21. transform: scaleX(1) scaleY(1);
  22. }
  23. 13% {
  24. opacity: .8;
  25. transform: scaleY(2);
  26. color: #fff;
  27. }
  28. 53% {
  29. opacity: .8;
  30. transform: scaleX(.7);
  31. color: #000;
  32. }
  33. 83% {
  34. opacity: 8;
  35. transform: rotate(-10deg);
  36. color: #fff;
  37. }
  38. }
  39.  
  40. @keyframes glitch-2 {
  41. 13% {
  42. color: #000;
  43. }
  44. 53% {
  45. color: #fff;
  46. }
  47. 83% {
  48. color: #000;
  49. }
  50. }
  51. </style>
  52.  
  53. <div id="glitch">Glitch</div>
Advertisement
RAW Paste Data Copied
Advertisement