如何旋转文本而不限于可被 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>
在一个小网站上,我有一个段落 (<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>