Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Idea to make it purdy #6

Open
mattpascoe opened this issue Feb 23, 2017 · 0 comments
Open

Idea to make it purdy #6

mattpascoe opened this issue Feb 23, 2017 · 0 comments

Comments

@mattpascoe
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant