├── README.md
├── index.html
└── screenshot.png
/README.md:
--------------------------------------------------------------------------------
1 | # CSS-fractal
2 | > A proof of concept to show the *elegance* of css. [See the demo](https://yuanchuan.github.io/css-fractal/)
3 |
4 | ### Comparing to
5 |
6 | * [https://github.com/Swizec/react-fractals](https://github.com/Swizec/react-fractals)
7 | * [https://github.com/phanan/vue-fractal](https://github.com/phanan/vue-fractal)
8 |
9 | 
10 |
11 | ## Reference
12 |
13 | * [hsl()](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl())
14 | * [calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)
15 | * [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)
16 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | CSS Fractal -- Pythagoras tree
7 |
57 |
58 |
59 |
60 |
61 |
115 |
116 |
117 |
118 | view source
119 |
131 |
132 |
133 |
134 |
--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuanchuan/css-fractal/c8210bd4efe980a0bdc24bfc15a991c1f53930e5/screenshot.png
--------------------------------------------------------------------------------