WordPressテーマSANGOの質問

吹き出しのアイコン画像を左右反転させたい

アバター
OZ

いつも素敵なテーマ制作、お疲れさまです。

“10. 吹き出し(右に顔)” について質問させてください。
こちらの設定をした際に、画像ファイルを左右反転処理させることは可能でしょうか。
(右向き画像と左向き画像の元ファイルを、分けておく必要を無くしたい次第です。)

お手すきの際にご回答いただけますと幸いです。

SANGOのショートコード一覧
SANGOのショートコード一覧
コメントへの回答
サルワカくん
サルワカくん
2018/12/11

なるほど。以下のCSSを追加すると反転すると思います。

.faceicon img {
    transform: scale(-1,1);
}
アバター
OZ
2018/12/12

五月雨のご連絡となりすみません。

以下とすることで自己解決できました。
ご教示いただき、誠にありがとうございました。


.right .faceicon img {
transform: scale(-1,1);
}

(もし、適切でない解決方法でしたらお手数ですがご指摘ください。)

アバター
OZ
2018/12/11

早々のご回答ありがとうございます。
追加で質問させていただけますと幸いです。

ご教示いただいた方法では、左に顔と右に顔の両方の画像が反転してしまいます。
右に顔の場合のみ反転させることは可能でしょうか。

サルワカくん
サルワカくん
2018/12/12

すみません、見落としておりました。
はい、それでOKです!

サルワカくん
サルワカくん
2018/12/12

あ、そうでしたね。以下のCSSで良いかと思います。

.say.right .faceicon img {
  transform: scale(-1,1);
}