"transform: rotate" почему не получается абсолютно позиционировать?

Question

[d3_dx]

.container
  position: relative
  background: green
  width: 100%
  height: 100vh
.absolution-social
  position: absolute
  bottom: 0
  right: 0
  transform: rotate(-90deg)

Получается что-то вроде этого. Выход только отрицательные значения?

Comments

[Шохрух Шаймардонов]

Вы хотите, чтобы он поворачивался вокруг своего центра? Если да, то можете просто сдвинуть после поворота.

[Сергей delphinpro]

По умолчанию блок поворачивается вокруг своего центра.
Изменить точку поворота можно свойством transform-origin

[Сергей delphinpro]

и вы не сказали как вам нужно повернуть.
И не сделали пример в песочнице.
Давно бы получили решение.

[d3_dx]

Сергей delphinpro,
Хотел сделать вот так. Думал, что обычный ротейт и позиционирование через right, bottom даст должный результат.

[d3_dx]

Оно то получается, но значения для right и bottom нужно вручную подбирать. Это не сложно, но ведь должен быть вариант проще и красивее код?