CSSPLAY

CSS DEMOS › CSS Fibonacci spirals

Date : Pre 2006

For all modern browsers

Example #1 - Using four images

Example #2 - Pure CSS (no images)

Example #3 - and finally for mozilla etc (not IE)

using border-radius

Information

Prompted by a recent comment I give you my CSS version of Fibonacci's spiral (and no, I hadn't heard of it either). But here it is, produced by using just four quadrants of a circle images and sizes in ems so that it will scale up and down with text sizes.

1st July 2005

My pure CSS version using no graphics (but a bit chunky) added. This used em size containers and percentage size 'curves'.

31st August 2009

Moz border radius version updated to add a decreasing border width as suggested by Christopher Robert Jaquez.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.