CSSで画像や要素を反転させる方法

スポンサーリンク

※本サイトにはプロモーションが含まれています

画像や擬似要素など、要素を反転したい機会って意外と多く遭遇します。

わざわざ新しく画像切りたくないし長々とスタイル加えたくない!
そんなとき、transformを使うことで簡単に反転させることができます。

See the Pen CSSで左右反転 by nico (@etsuko-kobanawa) on CodePen.

scaleX(X=横方向)を-1に設定すれば左右に、
scaleY(Y=縦方向)を-1に設定すれば上下に、それぞれ反転します。

こちら参考にしました。ありがとうございます。
CSSで画像を左右反転させる方法|Yohei Isokawa

コメント

タイトルとURLをコピーしました