如何旋转文本而不限于可被 90 整除的度数?

How to rotate text without being limited to degrees divisible by 90?

在一个小网站上,我有一个段落 (<p>text here</p>),我想让它“稍微”旋转(比如向左或向右旋转 15 度),但是我对所有“文本旋转”示例在 Internet 上找到的仅适用于可被 90 整除的数字。 有没有人有解决方案可以让我更自由地选择旋转多少东西?

transform属性可以应用旋转度数。

.rotate {
  transform: rotate(-15deg); /* Supports negative values too! */

  /* Legacy vendor support for different browsers. */
  -ms-transform: rotate(-15deg);   /* IE */
  -moz-transform: rotate(-15deg);   /* Firefox */
  -webkit-transform: rotate(-15deg);   /* Safari */
  -o-transform: rotate(-15deg);   /* Opera */
}
<p class="rotate">This is my text displayed at an offset of 15 degrees!</p>