この記事ではその使い方を紹介します カスタムコード 回転させる 画像 GemPages内の要素。
画像要素について
その 画像 GemPagesの要素を使用すると、商品写真、バナー、ロゴ、プロモーション用グラフィックなど、ページ上の任意の場所に画像を表示できます。
Image要素とその組み込み設定の詳細については、以下を参照してください。 画像要素.
カスタムコードを使用して画像を回転させる方法
ステップ1:カスタムコードパネルを開きます
GemPagesエディタで、 画像 回転させたい要素。
その後、 画像要素を右クリックします をクリックして カスタムコード.

ステップ2:CSSコードを貼り付ける
以下のCSSを貼り付けてください カスタムコード 箱:
img { 変換: 回転(XX度); }

ステップ3:回転値を置き換える
交換する XX 画像を回転させたい角度(度数)を指定します。
具体的な例を挙げますと、以下の通りです。
img { 変換:rotate(15deg); }
画像を回転させる 時計回りに15度.

一般的な回転値:
| 値 | 結果 |
| 15deg | わずかに時計回りに回転 |
| 30deg | 適度な時計回り回転 |
| 45deg | 強い時計回り回転 |
| 90deg | 時計回りに4分の1回転 |
| 180deg | 逆さまに |
| -15度 | わずかに反時計回りに回転 |
| -45度 | 適度な反時計回り回転 |
| -90度 | 反時計回りに4分の1回転 |
ヒント: 正の値を使用すると画像を時計回りに回転させ、負の値を使用すると反時計回りに回転させます。
ステップ4:変更を適用する
詳しくはこちら Apply カスタムコードを保存する。
ページをプレビューして、画像が意図したとおりに回転していることを確認してください。

コメントしてくださってありがとうございます