2020-02-04に投稿

cube回転(3D transform)について

お世話になります。
独学を始めたばかりの超初心者です。

https://codepen.io/vavik96/pen/QjPVRLhttps://codepen.io/vavik96/pen/QjPVRL
上記のキューブ回転を参考にして、tab(css: .tab-content)のwidthとhightを大きくしたいです。widthは広げても小さいキューブを横にずらせばおさまるのですが、hightを大きくした途端回転が上手くいきません。
特に赤いtab(css: .tab-content:nth-child(3))が前のめりに回って来てしまい急に遠近感が出てtabの大きさそのものが変わるように見えます。

大きさを変えてもデフォルトのように遠近感を変えずにそのままの位置で回転させたいのです。

transformも色々調べてXやらYやら変えましたがどうにも上手くいきません。。どなたか詳しい方教えてください。宜しくお願い申し上げます。

ツイッターでシェア
みんなに共有、忘れないようにメモ

**my

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!

ボードとは?

コメント