Topic: skewing a div (Page 1 of 1)

Is it possible at all to skew a div? I want to give a billboard persepective effect to a generated div. Since the div itself is not an image, I cannot texture a canvas element. Is it possible to generate a div as a image then? Then i can load in the data as a texture. Thanks for any help.

If you really want to use Canvas, you can use use an SVG (image) containing a foreign object ( a simple document with your DIV ) as the source image of your drawImage calls.

Otherwise you could simply skew the DIV right away usin CSS3 2D transforms. Note that this standard is still in working draft stage, so you'll have to use the CSS vendor prefixes: -o- , -moz- and -webkit-

There is also the webGL approach but the level of support is very very low and I'm not aware of any fallback mechanism in case the user does not have the proper drivers or hardware.


HTH,

o/t poi: So what's this all about ?

"saw a little heart beat today"

___________________________________________________________________________
?Privatize the Profits - Socialize the Losses.? Randi Rhodes

@poi thank you for your insights You guys rock on this forum. I will give everything you suggested a go and post back my results Regards, Toronto out.

TP: Spam removed

(Edited by Tyberius Prime on 07-30-2010 12:15)

You may find this useful:
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/