3Dのパース（傾き）を指定する

書式

perspective : パース値

説明

3Dのパース（傾き）を指定するにはperspectiveに数値を指定します。数値が小さいほどきつい傾斜になります。数値が大きくなると3Dパースが緩和されます。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行　サンプルをダウンロード

#content {
width: 400px;
perspective : 200;
-webkit-perspective : 200;
}
#content p {
border:1px solid red;
background-color: yellow;
transform: rotateY(-40deg);
-webkit-transform: rotateY(-40deg);
}
目次に戻る