transformアニメcss3のtransformプロパティを操作して立体的な(以前学んだkete.jsのような)アニメを作成できるか確認してみました。transform→参考:perspectiveプロパティとtransform:perspective関数の違い・パースパースのある回転http://jquerystudy.info/anime/2_etc/06_pers.html/cssの対応だけでパースをかけられるか試行錯誤していたのですが、予想以上に難航しました。以下のサンプルを発見してなんとか実現できました。ポイントだったのはperspectiveの設定を回転させる要素ではなくコンテナ側に設定することでした。250px;background-color:#fca;}ちなみにコンテナと回転させる要素のwidthの値を揃えないとパースが歪みます。250px;background-color:#fca;}しかし親要素の設定なしに実現したいので、さらに試行錯誤しました。perspectiveの初期値と最終地を揃えて以下のように記述することで実現できました。基準点はcssの設定だけで簡単にできました。値には100%以上も設定でき、200%に設定するとサンプルのように要素外を基準点に変形できます。200%;}・skewskewは問題なく利用できました。800,});おしまい。コメントをキャンセルメールアドレスが公開されることはありません。