Re:Show HN: Using 3D CSS transform to make a "live screenshot"
by eranation on Sunday August 18, 2013 @03:18AM
(#6231972)
Just noticed #1 too, fixing it...
It's hard! :)
Though I found a generic formula, apparently I need to work on it!
Thanks
EDIT:
fixed the perspective attribute to follow screen width
one open issue is that for some 4:3 resolutions, the sizes are wrong (the background stop resizing for some ratios)
still needs some work. but the real thing will be to find the generic formula for any background, and any location on the screen...
Two minor bugs, which are probably two manifestations of the same underlying issue:
1: The screen is centered correctly but the lower left and lower right corners are slightly too far down compared to the screen graphic. (This is with a maximized Chrome window on a 1920x1080 screen.)
2: If the window's not minimized, and I slowly make it narrower or wider, the point at which the live screenshot appears (instead of the static white screenshot) has a problem - the simulated live screen is slightly too small and doesn't fill up the entire laptop screen. The live screen's top right corner is positioned correctly. The problem goes away as I make the window wider and the live screenshot expands (and vice versa).