css背景图片水平翻转
时间: 2023-07-24 13:00:44 浏览: 219
图片的翻转
要在 CSS 中将背景图片水平翻转,您可以使用 `transform` 属性的 `scaleX()` 函数。将 `scaleX(-1)` 应用于背景图像的容器元素,可以水平翻转图像。以下是一个示例代码片段:
```css
.container {
background-image: url('your-image.jpg');
background-size: cover;
transform: scaleX(-1);
}
```
将上述代码添加到您的 CSS 文件中,并将 `.container` 替换为包含背景图像的元素的选择器。将 `'your-image.jpg'` 替换为您要用作背景图像的图像路径。这样,背景图像将水平翻转显示。
请注意,此方法只适用于背景图像,而不会影响元素内部的其他内容。
阅读全文