Css 过渡：宽度更改方向

CSS3属性

transition:width 1s

的默认方向更改是从左向右增加宽度

如何将方向从右向左反转？在CSS3中可能吗？或者需要其他jQuery插件？

---

请看地图。按下按钮时，宽度从左向右增加。我想扭转这种局面。

一种方法是将它们放在一个对齐的容器中

HTML:

<div>
    <input type='text'> </input>
    <button> increase width </button>
</div>

div {    
    text-align: right;
    width: 450px;
}

---

看这个例子，我已经为mozilla和webkit应用了css

---

您必须更具体地了解您的DOM等。因此，我们可以帮助您找到所附的

演示小提琴。（刚刚编辑）你希望它表现如何？即使它从左边开始变大，它仍然是静态位置中的静态元素。如果您注意到，顶部的搜索框会向左边增加其宽度。我想要同样的东西。所以激发了我的灵感！：）
-moz-transition: left 1s ease 0.1s, width 0s ease-out 0.1s, border-width 0s ease-out 0.1s;
-webkit-transition: left 1s ease 0.1s, width 0s ease-out 0.1s, border-width 0s ease-out 0.1s;