After seeing Ana's SVG Gooey Filter , I knew I had to combine it with some of my previous pens to make this Gooey button effect!...

<div><p>After seeing Ana's SVG Gooey Filter , I knew I had to combine it with some of my previous pens to make this Gooey button effect!</p></div>

simeydotme

Gooey SVG Filter Button

Using Gradients, Variables and Filters / Blending to create a really convincing Aqua button as seen on Twitter...

<div><p>Using Gradients, Variables and Filters / Blending to create a really convincing Aqua button as seen on Twitter</p></div>

Aqua Button (pure css)

Inspiration: [neumorphism - social buttons](https://dribbble.com/shots/10746021-Neumorphism-Social-Buttons).  ---  If the work I've been putting out si...

<div><p>Inspiration: <a href="https://dribbble.com/shots/10746021-Neumorphism-Social-Buttons">neumorphism - social buttons</a>.</p>

<hr>

<p>If the work I've been putting out since early 2012 has helped you in any way or you just like it and you wish me to be able to continue putting out stuff, please consider one of the following:</p>

<ul>
<li>being a cool cat 😼🎩 and becoming a patron on Patreon</li>
</ul>

<p><a href="https://www.patreon.com/anatudor"><img src="https://assets.codepen.io/2017/btn_patreon.png" alt="become a patron button"></a></p>

<ul>
<li>making a one time donation via Ko-fi</li>
</ul>

<p><a href="https://ko-fi.com/anatudor"><img src="https://assets.codepen.io/2017/btn_kofi.svg" alt="ko-fi"></a></p>

<ul>
<li>getting me something off my Amazon WishList </li>
</ul>

<p><a href="https://www.amazon.com/gp/registry/wishlist/2Y3C4722GXH0I/">🎁 🇺🇸</a> / <a href="https://www.amazon.co.uk/gp/registry/wishlist/2I25W7U0KADSR/">🎁 🇬🇧</a></p>

<ul>
<li>or at least sharing this to show the rest of the world what can be done with CSS these days</li>
</ul>

<p>Thank you!</p>

<hr>

<p>Dedicated to the memory of someone dear who passed away in January 2019. Missing you every day.</p></div>

Buttons using the tag:filter

Buttons using the tag:
filter