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>

thebabydino

#codeVember #4/2021: soft buttons (hover/ focus and press - keep pressed, release, click fast, play with it 🤪)

A 3D button with a shadow that happens when you hover your mouse over it....

<div><p>A 3D button with a shadow that happens when you hover your mouse over it.</p></div>

Buttons using the tag:box-shadow

Buttons using the tag:
box-shadow