css - CSS 変換

Question

次のような div を CSS (-moz-transform) で変更するにはどうすればよいですか。

Answer 1

Mozilla Developer Centerをご覧ください。例さえあります。

ただし、あなたの特定の例は（まだ）不可能であるように見えます：

注:現時点では、Z 軸はサポートされていないため、遠近法、3D 回転、3D スケーリング、および 3D 変換はサポートされていません。—<a href="https://developer.mozilla.org/en/CSS/Using_CSS_transforms" rel="nofollow noreferrer">CSS 変換の使用

平面内での傾斜、回転、平行移動だけでは、この効果を再現することはできません。平行線は変換後も常に平行です。