Creating shapes from single divs using purely css is a fun way to see how much you can really do with css, and has even inspired amazing projects like this and this. My tryst with CSS has been brief and I don’t have nearly as much experience to create those kinds of divs. However, I recently read this article about using the CSS3 shape attributes to create polygons from a single div. I decided to use the magic of jQuery and CSS togethor to create mathematically accurate single divs. You can view the full project implementation here, and play around with a few functions yourself. I’ve put some photos of divs below for you to look at!