css - CSS3 2 番目の 3D パースペクティブ

Question

こんにちはみんな私はこのような地図を持っていますhttp://sinanisler.com/demo/map/

ご覧のとおり、いくつかの木がありますが、真の遠近法ではありませんhttp://sinanisler.com/demo/musteri/uploads/res.png 質問は、どうすればそのような木を作成できるかは明らかです。

Answer 1

1)このスタイルをメインの div コンテナーに適用して、子の 3D 描画を保持します。

[-webkit-/-moz-/...]transform-style: preserve-3d;

2)木に回転を適用します。

[-webkit-/-moz-/...]transform: rotate3d(1, 0, 0,-90deg);

3)木の背景画像を透明にする