Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body {
- background: black;
- }
- </style>
- <svg width="1000px" height="400px" viewBox="0 -100 1000 300" color-interpolation-filters="sRGB">
- <defs>
- <filter id="strangify">
- <!--Composite the original with a variable opacity cloud texture -->
- <feTurbulence type="fractalNoise" baseFrequency=".013" numOctaves="1" seed="46"/>
- <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"/>
- <feComposite operator="in" in="SourceGraphic" result="intermediate-1"/>
- <!--Boost the contrast of the alpha channel and blur the resulting "highlights" -->
- <feComponentTransfer>
- <feFuncA type="table" tableValues="0 0 0 0 1 1 1"/>
- </feComponentTransfer>
- <feGaussianBlur stdDeviation="4"/>
- <!--Increase the blur's intensity by boosting the post-blur alpha channel -->
- <feComponentTransfer>
- <feFuncA type="linear" slope="1.5">
- <!--Add flicker effect -->
- <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"/>
- </feFuncA>
- </feComponentTransfer>
- <!--Combine the flickering highlights with the intermediate result -->
- <feComposite operator="over" in2="intermediate-1"/>
- </filter>
- </defs>
- <g filter="url(#strangify)">
- <rect x="240" y="0" fill="none" stroke="#ed2b12" stroke-width="1.5" width="643" height="6"/>
- <rect x="245" y="160" fill="none" stroke="#ed2b12" stroke-width="1.5" width="95" height="6"/>
- <rect x="772" y="160" fill="none" stroke="#ed2b12" stroke-width="1.5" width="109" height="6"/>
- <text font-family="ITC Benguiat W01" x="240" y="110" stroke="#ed2b12" fill="none" font-size="8rem" font-weight="800" stroke-width="2">
- <tspan font-size="11rem" dy="31">S</tspan>
- <tspan font-size="8rem" dy="-31" dx="-45,0,0,0,-8,0">TRANGE</tspan>
- <tspan font-size="11rem" dy="31" dx="-40">R</tspan>
- <tspan font-size="8.5rem" dx="-560" dy="80">T</tspan>
- <tspan font-size="8rem" dx="-35,0,0,-8,0,0,0" dy="0">HINGS</tspan>
- </text>
- </g>
- </svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement