【CSS】transformを同時に実装する方法!

長々と書いても仕方ないので、いきなり結論をいうと、、

半角スペースで複数を実装できる

半角スペースを入れるだけで一度に複数を実装できます!

正しい書き方

div {
  transform: scale(0.7) rotate(45deg);
}

このように、scaleとrotateの間に半角スペースを入れるだけでこの二つを同時に実装できます!

よくある間違い

よくしてしまいがちな間違いは、こんな感じです。

div {
  transform: scale(0.7);
  transform: rotate(45deg);
}

こうしてしまうと、下のrotateしか実装されません!

気をつけましょう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です