How can i display a div in a perspective view or with a vanishing end.
please refer to this image http://pinoywebcentral.com/wetwetwafu/vanishing-point.jpg
thanks in advance
A:
divs are necessarily rectangular. However, newer browsers can accomplish this via CSS transforms. Here are examples for Firefox. The specification is here.
That may not be what you want, since it will change the div and all it's contents though. If you just want the shape, then use an image or draw it yourself on a canvas.
Seth
2010-10-19 04:25:04
THanks for the reply sir, I'll try this method again. The problem is it will only tilt the div's angle and not to distort the shape to get a vanishing end effect.
wetwetwafu
2010-10-19 04:35:04
@wetwet - I think you'd have to use something like `canvas`, `svg` or `vml`. You could do this with Raphael ==> http://raphaeljs.com .
Peter Ajtai
2010-10-19 19:38:29