phenomenal cosmic powers, itty-bitty living space
| title | Brief | Demo |
|---|---|---|
Google Photos and the <use> Element |
Define and re-use SVG syntax through the <use> element |
https://codepen.io/borntofrappe/pen/QWyaNep |
| Lua.svg | Create and animate SVG syntax with CSS properties | https://codepen.io/borntofrappe/pen/NWxXEgp |
| Smash Bros Loader | Create a loading visual with a <mask> and <filter> element. |
https://codepen.io/borntofrappe/full/xxZYwdQ |
| Sun and Moon Toggle | Create a toggle to alternate between two color palette | https://codepen.io/borntofrappe/pen/bGEvpBO |
| Amazon Fire | Use mask and linearGradients elements. Update CSS properties | https://codepen.io/borntofrappe/pen/XWXEgaV |
Donut Score and <mask> Elements |
Use the <circle> element and multiple <mask> to create a colorful visual. |
|
| D3 Logo | Recreate the logo for the D3 library from a series of guiding lines. |