Html 如何在不使用transform rotate的情况下从下到上书写垂直文本？

使用

写入模式

只能从上到下读取文本。据

我唯一的选择是侧向使用

。但这个属性是实验性的

.verticalTxt_lr {
  writing-mode: vertical-lr;
}
.verticalTxt_rl {
  writing-mode: vertical-rl;
}
.rotate {
  transform: rotateZ(270deg);

}


我想把标签写在横条上是垂直的，但它应该从底部开始


在制作条形图动画时，尝试旋转会给我带来一种奇怪的行为，因此我正在寻找另一种方法来创建垂直文本，这种文本可以在头部向左倾斜的情况下阅读。
我将
写入模式
和
旋转相结合：


。旋转{
写入方式：tb-rl；
变换：旋转（-180度）；
}
带工作宽度/高度的底部文本
这应该足以从下到上垂直旋转文本，并将其应用于包含文本的div。如果您同时使用书写模式：垂直rl/lr，则可能会将其切换到其他方式。
Occam剃须刀会说：您真的需要为条形图制作动画吗？@MrLister:1）Occam剃须刀是谁或什么？2） 对!！回答你的问题：Occam的剃须刀：问问你自己是否有必要拥有它？/如果它为用户体验增加了一些有价值的东西，如果是的，就去做。如果不是，那么你是在浪费你的时间和用户的时间。有没有理由用-180而不是180？简而言之：
writing mode:vertical rl；变换：旋转（-180度）给出2020年的预期结果！
.rotate {
     transform: rotate(270deg);
}