本文向您展示如何使用 自定义代码 旋转 图片 GemPages 中的元素。
关于图像元素
此 图片 GemPages 中的元素允许您在页面上的任何位置显示图像,例如产品照片、横幅、徽标或宣传图片。
要了解有关图像元素及其内置设置的更多信息,请参阅 图像元素.
如何使用自定义代码旋转图像
步骤 1:打开自定义代码面板
在 GemPages 编辑器中,找到 图片 你想旋转的元素。
然后, 右键单击图像元素 并选择 自定义代码.

步骤 2:粘贴 CSS 代码
将以下 CSS 粘贴到 自定义代码 箱:
img { 变换:旋转(XX度); }

步骤 3:替换旋转值
更换 XX 指定图像旋转的角度数。
例如:
img { 变换:旋转(15度); }
旋转图像 顺时针旋转15度.

常用旋转值:
| 价值 | 成果 |
| 15deg | 略微顺时针旋转 |
| 30deg | 适度顺时针旋转 |
| 45deg | 强劲的顺时针旋转 |
| 90deg | 顺时针旋转四分之一圈 |
| 180deg | 上下翻转 |
| 零下15度 | 略微逆时针旋转 |
| 零下45度 | 适度逆时针旋转 |
| 零下90度 | 逆时针旋转四分之一圈 |
提示: 使用正值可顺时针旋转图像,使用负值可逆时针旋转图像。
步骤 4:应用更改
点击 在断裂前, 保存自定义代码。
预览页面以确保图片旋转方向符合预期。

谢谢您的意见