Html 为什么我的<；p>；变换时元素消失：旋转（45度）？

我似乎无法让我的p元素旋转而不消失

HTML:

---

它并没有消失，只是你不能从屏幕上看到它

请参阅以下代码片段：

p{
背景色：番茄；
变换：旋转（20度）；
}

你好，我是你的朋友。默认值为

center

，因此使用默认为全宽的

p

，部分填充的段落可能会旋转离开页面。在下面的示例中，我将其更改为

左上

，您可以根据自己的需要进行调整

p{
变换原点：左上角；
变换：旋转（10度）；
}

---

您好

您需要修改

变换原点

。它没有消失，只是您无法从屏幕上看到它

<p>Hi there</p>

p{
  transform: rotate(45deg);
}