Show HN: 3D Book Image CSS Generator • Hacker News Board

Re: Show HN: 3D Book Image CSS Generator

#51

Post by slimsag » Mon, Jul 20, 2020, 3:45 PM UTC

Very nice, I shared this with my sister who will love this, is it possible to make the book have a paperback appearance?

Re: Show HN: 3D Book Image CSS Generator

#52

Post by chrismorgan » Mon, Jul 20, 2020, 3:50 PM UTC

What you’ve called transition delay is actually transition duration.

Re: Show HN: 3D Book Image CSS Generator

#53

Post by scastiel » Mon, Jul 20, 2020, 3:56 PM UTC

chrismorgan wrote: post #52

What you’ve called transition delay is actually transition duration .

Woops ;)

Re: Show HN: 3D Book Image CSS Generator

#54

Post by scastiel » Mon, Jul 20, 2020, 3:57 PM UTC

dandigangi wrote: post #49

My mom runs an e-book company in the health space. She's love this! I have to put it on her website by tonight. Haha Great tool!!

Awesome! :)

Re: Show HN: 3D Book Image CSS Generator

#55

Post by rgovostes » Mon, Jul 20, 2020, 3:58 PM UTC

LoSboccacc wrote: post #43

radius only apply to the back cover in firfox https://i.imgur.com/nv6locC.png (works as expected in chrome) excellent work otherwise

Likewise on Safari. But it's really nice even with that small issue.

Re: Show HN: 3D Book Image CSS Generator

#56

Post by ARandomerDude » Mon, Jul 20, 2020, 4:01 PM UTC

itcrowd wrote: post #11

Cool, very nicely done. Would it be possible to add a different set of parameters that describe the physical book instead? What I mean is specifying the page size in some standard way (e.g. A3 or letter size) and the number of pages and let the algorithm decide the parameters of book thickness (in pixels) automatically.

Yes. Came here to say this.

Re: Show HN: 3D Book Image CSS Generator

#57

Post by atum47 » Mon, Jul 20, 2020, 4:03 PM UTC

seems to break when you fiddle with the width slider, but it's a nice work never the less

Re: Show HN: 3D Book Image CSS Generator

#58

Post by staycoolboy » Mon, Jul 20, 2020, 4:15 PM UTC

odd, only the last two controls do anything. Firefox, Safari and Chrome on macOS 15.5.5.

Re: Show HN: 3D Book Image CSS Generator

#59

Post by TheHideout » Mon, Jul 20, 2020, 4:17 PM UTC

Nice work. It looks like the book thickness isn't corrected for rotation angle. If you made the horizontal width of the inside pages = thickness * sin(rotation angle) it'll be zero when laying flat and full thickness when rotated 90 degrees.

Re: Show HN: 3D Book Image CSS Generator

#60

Post by exikyut » Mon, Jul 20, 2020, 4:53 PM UTC

My current favorite feature: you can manually override the maximum thickness :] 160px thick book ftw

The only comment I have is that the width slider tends to make an aggressively flickery mess of my screen anywhere above 250px.