Skip to content

Instantly share code, notes, and snippets.

@g-a-v-i-n
Created March 21, 2022 19:24
Show Gist options
  • Save g-a-v-i-n/851ebc3c3d1c4850e2fbea022b648e5c to your computer and use it in GitHub Desktop.
Save g-a-v-i-n/851ebc3c3d1c4850e2fbea022b648e5c to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none">
<g filter="url(#filter0_i_674_2878)">
<circle cx="50" cy="50" r="50" fill="white"/>
</g>
<defs>
<filter id="filter0_i_674_2878" x="0" y="0" width="100" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_674_2878"/>
</filter>
</defs>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment