おれおれ用語辞典Devsway日々の記録とか記憶とか。このサイトについてプロフィール投稿数528公開から874日Followers999kLikes999CSSで3Dアニメーション作りたい....CSSいきさつやったことないのにやることになった...キーワード何が必要なのかから調べないと..transformプロパティとりあえずこれ使います。rotate(25deg);値の部分(rotateのところね)をいろいろいじります...translate多分一番有名なやつ。skew傾けるrotate回転させるmatrixすべてのtransformプロパティを一括で書くことができるショートハンドです。複雑な値になるので自力で書くのはおすすめできません。実際にはこういうツール使うことで書くことでできます。valuestransformは複数の値を持たせることができます。skew(-20deg);}3Dについてすべてのtransformの値は3D...つまりz軸の値を持つことできます。最後に3dをつけることで有効になります。translateZ(z)注意!!!!!3Dは親にperspectiveを1以上にしないと適用されません。初期値(=none)だと奥行き(z軸)は適用されないので注意!!perspective奥行き(目線)を定義することができます。分かりづらいです...ちょっとまって。}}steps(n)とは?移動時に1から100にぬるぬる動いていくのではなく100/nのところに1コマずつ描画するようなアニメーションの仕方になります。