tag:crieit.net,2005:https://crieit.net/tags/%23%E7%AB%8B%E6%96%B9%E4%BD%93%E5%9B%9E%E8%BB%A2%E3%80%80%233D%E3%80%80%23css/feed Crieitでタグ「#立方体回転　#3D　#css」に投稿された最近の記事 2020-02-04T20:15:55+09:00 https://crieit.net/tags/%23%E7%AB%8B%E6%96%B9%E4%BD%93%E5%9B%9E%E8%BB%A2%E3%80%80%233D%E3%80%80%23css/feed tag:crieit.net,2005:PublicArticle/15709 2020-02-04T20:15:55+09:00 2020-02-04T20:15:55+09:00 https://crieit.net/posts/cube-3D-transform <p>お世話になります。<br /> 独学を始めたばかりの超初心者です。</p> <p><a target="_blank" rel="nofollow noopener" href="https://codepen.io/vavik96/pen/QjPVRLhttps://codepen.io/vavik96/pen/QjPVRL">https://codepen.io/vavik96/pen/QjPVRLhttps://codepen.io/vavik96/pen/QjPVRL</a><br /> 上記のキューブ回転を参考にして、tab（css: .tab-content）のwidthとhightを大きくしたいです。widthは広げても小さいキューブを横にずらせばおさまるのですが、hightを大きくした途端回転が上手くいきません。<br /> 特に赤いtab（css: .tab-content:nth-child(3)）が前のめりに回って来てしまい急に遠近感が出てtabの大きさそのものが変わるように見えます。</p> <p>大きさを変えてもデフォルトのように遠近感を変えずにそのままの位置で回転させたいのです。</p> <p>transformも色々調べてXやらYやら変えましたがどうにも上手くいきません。。どなたか詳しい方教えてください。宜しくお願い申し上げます。</p> **my