@jose because the points overlap the border, I opted to use some simple spans to abs position the points. if a polygon has points it's position relatively, then the points are just top:-1px; left:-1px;
it's a little extra markup, but not too hard to work with.
You could also use RGBA to use semi transparent colors, and where they touch, creates a darker square. Not sure if you could get color/pixel accuracy though.
6 Responses
Jeffrey, how are you going to make those little dots in corners work in CSS?
over 1 year ago
Pro
Jeffrey Kalmikoff
Magic! Actually, I'm not sure – our insanely awesome front-end developer makes it happen. He already made them work on our site.
over 1 year ago
@jose because the points overlap the border, I opted to use some simple spans to abs position the points. if a polygon has points it's position relatively, then the points are just top:-1px; left:-1px;
it's a little extra markup, but not too hard to work with.
over 1 year ago
Rebound
CSS Rebound
by Jon Rohan
Here's the same page, *partially* coded out
over 1 year ago
You could also use RGBA to use semi transparent colors, and where they touch, creates a darker square. Not sure if you could get color/pixel accuracy though.
over 1 year ago
Actually, the opacity thing wouldn't work well to achieve accurate colors. I have, however, found an entirely CSS way of doing it. Cool problem!
http://fun.amadeusamade.us/dots/
over 1 year ago