Spinning Diagrams with CSS • Hacker News Board

Re: Spinning Diagrams with CSS

#41

Post by sideproject » Fri, Apr 21, 2023, 11:21 AM UTC

I'm more impressed with the domain name.

Re: Spinning Diagrams with CSS

#42

Post by vrglvrglvrgl » Fri, Apr 21, 2023, 1:26 PM UTC

[dead]

Re: Spinning Diagrams with CSS

#43

Post by Benney_ » Fri, Apr 21, 2023, 2:14 PM UTC

3D CSS is actually super powerful, and once you wrap your head around how transforms interact with each other you can use it like any other 3D library.

Me and a friend made a game using 3D CSS a few years ago: https://js13kgames.com/entries/3dc5s.

I'm not sure I'd ever use it again for something that large as it's a hell of a lot of work but so satisfying once you see the monstrosity you've created running!

Re: Spinning Diagrams with CSS

#44

Post by ramesh31 » Fri, Apr 21, 2023, 3:23 PM UTC

Great example of how absurdly powerful (yet simple) CSS is. Try doing this in one line with literally any other UI technology in existence.

Re: Spinning Diagrams with CSS

#45

Post by drdebug » Fri, Apr 21, 2023, 5:12 PM UTC

efortis wrote: post #5

Here's a fluid-width cube carousel you can stop at its faces: https://ericfortis.github.io/web-animations/#-fluid-3d-cube-... Source: https://github.com/ericfortis/web-animations/blob/main/3d-ca...

FYI, contrarily to the original post, this does not work with javascript disabled.