Advertisement
Guest User

Scratch filter

a guest
Jan 2nd, 2023
602
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. <style>
  2. @keyframes squiggly-anim {
  3. 0% {
  4. -webkit-filter: url("#squiggly-0");
  5. filter: url("#squiggly-0");
  6. }
  7. 25% {
  8. -webkit-filter: url("#squiggly-1");
  9. filter: url("#squiggly-1");
  10. }
  11. 50% {
  12. -webkit-filter: url("#squiggly-2");
  13. filter: url("#squiggly-2");
  14. }
  15. 75% {
  16. -webkit-filter: url("#squiggly-3");
  17. filter: url("#squiggly-3");
  18. }
  19. 100% {
  20. -webkit-filter: url("#squiggly-4");
  21. filter: url("#squiggly-4");
  22. }
  23. }
  24. #scratch {
  25. animation: squiggly-anim .5s linear infinite;
  26. }
  27. </style>
  28.  
  29. <div id="scratch">Check it out man shets nuts. Remove this div if youre just tryint to use this as a carrd filter son
  30. <p></p>
  31. <img src="https://cdn.discordapp.com/attachments/1049852366234583110/1049852442306691113/E7D6AE4F-7475-4548-BA22-F975F91B66F7.png"> yea u can use this on just about anything lmfao go nuts</div><!--ok end of the scratch div-->
  32.  
  33. <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  34. <defs>
  35. <filter id="squiggly-0">
  36. <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="0" />
  37. <feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="6" />
  38. </filter>
  39. <filter id="squiggly-1">
  40. <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
  41. <feDisplacementMap in="SourceGraphic" in2="noise" scale="8" />
  42. </filter>
  43.  
  44. <filter id="squiggly-2">
  45. <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
  46. <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" />
  47. </filter>
  48. <filter id="squiggly-3">
  49. <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
  50. <feDisplacementMap in="SourceGraphic" in2="noise" scale="8" />
  51. </filter>
  52.  
  53. <filter id="squiggly-4">
  54. <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
  55. <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" />
  56. </filter>
  57. </defs>
  58. </svg>
  59.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement