CSS Transformation

ho开发者_运维问答w can I change with CSS (-moz-transform) a div that should look like this:

---

You can take a look at the Mozilla Developer Center. There even are examples.

However, it looks to me like your specific example isn't possible (yet):

Note: At this time, the Z axis is not supported, so perspective, 3D rotation, 3D scaling, and 3D transformations are not supported. —Using CSS transforms

You can't recreate this effect with only skewing, rotation and translation in a plane. Parallel lines will always be parallel, even after the transformation.