画像や擬似要素など、要素を反転したい機会って意外と多く遭遇します。
わざわざ新しく画像切りたくないし長々とスタイル加えたくない！
そんなとき、transformを使うことで簡単に反転させることができます。
See the Pen CSSで左右反転 by nico (@etsuko-kobanawa) on CodePen.
scaleX（X＝横方向）を-1に設定すれば左右に、scaleY（Y＝縦方向）を-1に設定すれば上下に、それぞれ反転します。
こちら参考にしました。ありがとうございます。
CSSで画像を左右反転させる方法｜Yohei Isokawa
コメント