Question

对前端的东西非常新。对于我似乎想念的任何非常明显的事情感到抱歉。

问题：我上传了一张背景图片，我在其上运行渐变。为此，我在

标签中有一些文字。问题是图像是a）放大的方式，B）旋转。我试图旋转图像本身，但它似乎仍然水平显示。此外，我尝试过一些垂直翻转/水平翻转，例如添加：

-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";

然而，这似乎只是翻转文本而对图像没有影响 - 谢谢！

代码：

的CSS：

body{
  width: 100px;
  height: 100px;
  background-image: 
    url('test.JPG'), 
    linear-gradient(to right, rgb(189, 24, 24), rgb(238, 166, 32));
  background-repeat: no-repeat, no-repeat;
  background-position: center;, right;
  background-blend-mode: multiply;
  max-width: 300px; 
  max-height: 300px;
}

abbrv。 HTML：

<body>
<p> hi </p>
</body>

如何翻转身体标签中的背景图像

0 个答案: