Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2019
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. <style>
  2. body {
  3. background: black;
  4. }
  5. </style>
  6.  
  7. <svg width="1000px" height="400px" viewBox="0 -100 1000 300" color-interpolation-filters="sRGB">
  8. <defs>
  9. <filter id="strangify">
  10. <!--Composite the original with a variable opacity cloud texture -->
  11. <feTurbulence type="fractalNoise" baseFrequency=".013" numOctaves="1" seed="46"/>
  12. <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.1 0"/>
  13. <feComposite operator="in" in="SourceGraphic" result="intermediate-1"/>
  14.  
  15. <!--Boost the contrast of the alpha channel and blur the resulting "highlights" -->
  16. <feComponentTransfer>
  17. <feFuncA type="table" tableValues="0 0 0 0 1 1 1"/>
  18. </feComponentTransfer>
  19. <feGaussianBlur stdDeviation="4"/>
  20. <!--Increase the blur's intensity by boosting the post-blur alpha channel -->
  21. <feComponentTransfer>
  22. <feFuncA type="linear" slope="1.5">
  23. <!--Add flicker effect -->
  24. <animate attributeName="slope" values="1.5;1.5;1.8;1.5;1.5;3;0;3;1.1'1.5;1.1;1.4;1.5;1.4;2;1;0;1.5;1;1.5;1.5;1.5;1.5;" dur="0.25s" repeatCount="indefinite"/>
  25. </feFuncA>
  26. </feComponentTransfer>
  27.  
  28. <!--Combine the flickering highlights with the intermediate result -->
  29. <feComposite operator="over" in2="intermediate-1"/>
  30. </filter>
  31. </defs>
  32.  
  33. <g filter="url(#strangify)">
  34. <rect x="240" y="0" fill="none" stroke="#ed2b12" stroke-width="1.5" width="643" height="6"/>
  35. <rect x="245" y="160" fill="none" stroke="#ed2b12" stroke-width="1.5" width="95" height="6"/>
  36. <rect x="772" y="160" fill="none" stroke="#ed2b12" stroke-width="1.5" width="109" height="6"/>
  37. <text font-family="ITC Benguiat W01" x="240" y="110" stroke="#ed2b12" fill="none" font-size="8rem" font-weight="800" stroke-width="2">
  38. <tspan font-size="11rem" dy="31">S</tspan>
  39. <tspan font-size="8rem" dy="-31" dx="-45,0,0,0,-8,0">TRANGE</tspan>
  40. <tspan font-size="11rem" dy="31" dx="-40">R</tspan>
  41. <tspan font-size="8.5rem" dx="-560" dy="80">T</tspan>
  42. <tspan font-size="8rem" dx="-35,0,0,-8,0,0,0" dy="0">HINGS</tspan>
  43. </text>
  44. </g>
  45.  
  46. </svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement