HTML元素定位

Question

我试图使用HTML和CSS重新创建杂志封面，但我已经成功了。

无论何时，我都会尝试旋转textarea并将其对齐到最左边，我只得到顶角切割，但我想更多切割。

这是我用于我的元素的CSS：

textarea {
  transform: rotate(-10deg);
  height: 740px;
  width: 520px;
}

这是a fiddle
这是the cover

Answer 1

标题定位

更改元素的z-index以将其置于其他元素之上，例如

z-index : 10;

请参阅this fiddle

Textarea定位

你想削减更多的textarea。这真的和放

一样简单

margin-left: -100px;

Answer 2

Rotate()旋转其内容，保留其width和height。

您需要添加额外的padding或margin来显示所有内容。