css3旋转和拉伸

Question

如何旋转图像并拉伸图像？

当我这样做时：

-webkit-transform: rotate(90deg);

旋转图像，尺寸仍为1-1。 我想将图像旋转90度，然后将宽度设为100％。

我尝试使用img标签和div的背景图片

由于

Answer 1

你当然可以使用img标签，在css中（我说这是因为我已经尝试过了，我几乎可以肯定），当你旋转某些东西时，例如90度，高度成为宽度，宽度成为高度。 那么可能适合你使用 width代替height，反之亦然。属性-webkit-transform-origin: 50% 50%;（以及其他供应商类似的东西，我认为）应该让你选择旋转中心，50％50％应该是默认值，放在中间（高度和宽度）。

<强> [编辑]

我也建立了一个JSfiddle：http://jsfiddle.net/eqqyvLdc/;实际上，我认为您应该在CSS中使用height: 100%和width: 100%作为图像，而是编辑父div的维度。之前我说过我认为它仍然有效。我已经评论了JSfiddle以获取更多细节。有趣的是，如果从图像类/ id中删除display:block，图像将溢出div之外！