css - 绝对位置将元素旋转到右 Angular

Question

我正在尝试弄清楚如何制作位于右上角并旋转 90 度的购物车标签。旋转自然地混合了位置，但也许有一种包装到不同包装器等的解决方法....

如果不需要定义宽度，则加分。我不关心旧版浏览器

Answer 1

如何使用 transform-origin ？参见 DEMO .

相关 CSS:

#box {
    position: relative;
}
.bg {
    right: 40px; /* same as height */
    height: 40px;
    transform: rotate(-90deg);
    transform-origin: 100% 0;
    position: absolute;
    line-height: 40px; /* same as height, for vertical centering */
}