Skip to content

Instantly share code, notes, and snippets.

@turboBasic
Created June 23, 2017 13:51
Show Gist options
  • Save turboBasic/e1ad08f1de3b2923f5fe221482549f23 to your computer and use it in GitHub Desktop.
Save turboBasic/e1ad08f1de3b2923f5fe221482549f23 to your computer and use it in GitHub Desktop.
SVG Filter Inner Shadow for Illustrator
<filter id="InnerShadow">
<!-- https://gist.github.com/seanbarclay/8627991 -->
<!-- Shadow Offset, don't make vals lower or you'll break it -->
<feOffset
dx='2'
dy='3'
/>
<!-- Shadow Blur -->
<feGaussianBlur
stdDeviation='1'
result='offset-blur'
/>
<!-- Invert the drop shadow to create an inner shadow -->
<feComposite
operator='out'
in='SourceGraphic'
in2='offset-blur'
result='inverse'
/>
<!-- Color & Opacity -->
<feFlood
flood-color='black'
flood-opacity='0.40'
result='color'
/>
<!-- Clip color inside shadow -->
<feComposite
operator='in'
in='color'
in2='inverse'
result='shadow'
/>
<!-- Put shadow over original object -->
<feComposite
operator='over'
in='shadow'
in2='SourceGraphic'
/>
</filter>
@m4heshd
Copy link

m4heshd commented Sep 21, 2021

This doesn't do anything.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment