Creating "screenshots" with HTML 5 and CSS 3?

Posted by Tower on Stack Overflow See other posts from Stack Overflow or by Tower
Published on 2010-05-29T20:33:59Z Indexed on 2010/05/29 20:42 UTC
Read the original article Hit count: 184

Filed under:
|
|
|

Hi,

I need to create small thumbnails of HTML elements. I first thought using CSS 3 reflection, but it is limited to being only a reflection (and not a direct copy) and I can not move it from its standard position.

Then I thought using JavaScript to copy the HTML element entirely along with all its contents and apply CSS 3 transform to scale it down to a thumbnail. That works pretty well, but is kind of a hack.

Does anyone know a better way of doing this with JavaScript, HTML 5 and CSS 3. Flash, Java and such are not an option and it only needs to work in one browser.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html