旋转元素并将其放置在左上角或右上角
旋转带有文本的 div 并将其放置在左上角角,可以使用以下代码:
.credit { transform-origin: top left; position: absolute; background-color: pink; transform: rotate(-90deg) translateX(-100%); }
这里,transform-origin属性设置为左上角,这使得旋转相对于左上角发生。 translateX(-100%) 平移将旋转后的元素向左移动其宽度的 100%。
要将元素与右边缘对齐,可以修改 translateX 值为正数,如 translateX (100%)。这会将旋转后的元素向右移动其宽度的 100%。
.credit { transform-origin: top right; position: absolute; background-color: pink; transform: rotate(-90deg) translateX(100%); }
以上是如何旋转并将元素放置在左上角或右上角?的详细内容。更多信息请关注PHP中文网其他相关文章!