Click it! Live coded in 30 minutes on the 6th of December 2015. Should work like in [this recording](https://twitter.com/anatudor/status/67327801465916...

<div>Click it! Live coded in 30 minutes on the 6th of December 2015. Should work like in <a href="https://twitter.com/anatudor/status/673278014659166209">this recording</a>. 

From <a href="https://dribbble.com/shots/483825-Download-Button-Concept">Dribble</a>.

<hr>

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:

<ul>
<li>being a cool cat 😼🎩 and becoming a patron on Patreon (you'll also get to see some cool stuff you won't see done with CSS/ SVG elsewhere)</li>
</ul>

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

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

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

<ul>
<li>making a weekly anonymous donation via Liberapay </li>
</ul>

<a href="https://liberapay.com/anatudor/"><img src="https://assets.codepen.io/2017/btn_liberapay.svg" alt="Liberapay"></a>

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

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

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

Thank you!</div>

download button (click me!)

You might also like: