Idea to make it purdy #6
Description
Probably way more work than its worth but seems like it would be fun to try.
I think with the use of the CSS skew functions I can construct a visual representation that looks like a 3d rack. or at least a sort of stack of boxes of various sizes.
I think I'd have to do some tricks with layering to make the top of the boxes be layered over the other tops and then the sides would always be layered at the highest level.
Then as you hover over an edge it could change the coloring such that the other things were transparent and the selected one is highlighted.
Have an option to zoom in/out a bit as well. maybe a front/back toggle so you can simulate a rotate of the rack.
anyway, just an idea.. probably could do this with some other 3d library really easy but trying to do it with just CSS seems fun.. like I have the time to play with this kind of frivolous fun tho.
Could also represent the vertical items like a PDU.. have it be defined by how many vertical U it covers and orient it sitting at the corner/edges only.