I only look at the latest browsers:
- IE9 (in fact, it is not considered so much)
- Ff4
- Chrome10
- Safari5
- iOS 3.4
- Opera?
I know that I can easily get squares and rectangles, circles and an ellipse with rounded borders (circles: W = H, ellipsis: W! = H). I know that I can get slopes with border settings. I know how to get 1/2 and 1/4 circles, but is it possible to get:
- Ping-wedge (any size, anywhere in the circle, i.e. 18% of the wedge, 20% of the horizontal).
- Trapezoid, octagon, pentagon, hexagon
- Stars (n pointed stars)
- Any of the individual figures in this that are not yet mentioned.
I am looking for CSS + DIV options, not <canvas> . I am also looking for options that use the least number of nested divs. Here is an example that shows several figures in one example ...
source share