左上角的CSS旋转和位置

Question

我用Text＆amp ;;旋转了一个div想把它放在左上方。 我设法将它放在顶部，但我不能让它与左边缘对齐。我该怎么做？

＆＃13;

＆＃13;

.credit {
  position: absolute;
  background-color: pink;
  transform: rotate(-90deg) translateX(-50%);
}

＆＃13;

<div class="credit">
  Picture by Name
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

将transform-origin更改为top left并进行翻译-100%

body {
 margin:0;
}

.credit {
  transform-origin: top left;
  position: absolute;
  background-color: pink;
  transform: rotate(-90deg) translateX(-100%);
}

<div class="credit">
  Picture by Name
</div>