使用CSS 2d变换定义要缩放的点？

CSS 2d变换从被调整大小的对象的中心调整大小-或者至少在firefox中是这样-我找不到任何方法来设置方向

比如说,

transform:scale(0.5,1);

不会通过从右向左推来压碎文本，而是通过从左向右到中间来压碎文本

JSfiddle炫耀我的意思：

有没有办法确定它应该朝哪个方向发展？我正在使用contenteditable=true形式的动态内容，因此一些黑客可能无法工作

---

或者，有没有办法改变文本的宽度，比如拉伸文本

使用

变换原点：xy

在此示例中，将从左上角执行缩放：

#缩放1{
背景：#FF0000；
变换：比例（0.5,1）；
变换原点：0；
}
#鳞片2{
背景：#0000FF；
变换：比例（2,1）；
}

这是边缘所在的位置

你好
再见

使用属性变换原点

#scale1{
    background:#FF0000;
    transform:scale(0.5,1);
    transform-origin: 0 0;
}