Lauren
My feedback
10 results found
-
3 votes
An error occurred while saving the comment Lauren
shared this idea
·
-
2 votes
An error occurred while saving the comment Lauren
commented
Oops, forgot to attach screenshot of Illustrator import after reordering defs:
Lauren
shared this idea
·
-
3 votesLauren
shared this idea
·
-
3 votesLauren
shared this idea
·
An error occurred while saving the comment Lauren
commented
Example SVG (as exported from Figma with a simple layer blur):
```
<svg width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_1_3)">
<circle cx="148.796" cy="148.796" r="127.021" fill="#FF7575"/>
</g>
<defs>
<filter id="filter0_f_1_3" x="-5.72205e-06" y="1.90735e-06" width="297.592" height="297.592" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="10.8875" result="effect1_foregroundBlur_1_3"/>
</filter>
</defs>
</svg>
```It still does not work if I reduce the filter to only a single `feGaussianBlur` (though this does not match Figma output fwiw):
```
<svg width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_1_3)">
<circle cx="148.796" cy="148.796" r="127.021" fill="#FF7575"/>
</g>
<defs>
<filter id="filter0_f_1_3" x="-5.72205e-06" y="1.90735e-06" width="297.592" height="297.592" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="10.8875" result="effect1_foregroundBlur_1_3"/>
</filter>
</defs>
</svg>
``` -
2 votes
An error occurred while saving the comment Lauren
commented
Another example:
```
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 124 124" fill="none">
<defs>
<rect id="myrect" width="124" height="124" rx="24" fill="#F97316"/>
</defs>
<use href="#myrect" />
</svg>
```Lauren
shared this idea
·
-
2 votesLauren
shared this idea
·
-
2 votesLauren
shared this idea
·
-
2 votesLauren
shared this idea
·
-
2 votesLauren
shared this idea
·
-
2 votesLauren
shared this idea
·
```
<svg width="352" height="352" viewBox="0 0 352 352" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_g_1_6)">
<circle cx="175.875" cy="175.875" r="127.021" fill="#FF7575"/>
</g>
<defs>
<filter id="filter0_g_1_6" x="7.62939e-06" y="7.62939e-06" width="351.751" height="351.751" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feTurbulence type="fractalNoise" baseFrequency="0.17057523131370544 0.17057523131370544" numOctaves="3" seed="5432" />
<feDisplacementMap in="shape" scale="97.708602905273438" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
<feMerge result="effect1_texture_1_6">
<feMergeNode in="displacedImage"/>
</feMerge>
</filter>
</defs>
</svg>
```