divタグの幅を右から左に増やす/増やす

基本的には、時間0では幅が0、時間1では幅が右から左に徐々に増加するようにします推測最も難しい部分は、「左から右」からそれをアニメーション化することで、私は解決策は、追加のプラグインを必要としないことを好むが、お気軽に下記のdivタグの幅を右から左に増やす/増やす

@-webkit-keyframes reducetime { 
0% {width: 100%;} 
25% {width: 75%;} 
50% {width: 50%;} 
75% {width: 25%;} 
    to {width: 0%;} 
}

のように左から右にサイズが大きくなり、何かをアニメーションは問題がありませんでした他の方法がない場合は、そのようなソリューションを提供する。ありがとう

はあなたが絶対にアニメーション化している項目を、配置することができます）右：0; – mikevoermans

だけフロート使用デモhttp://jsfiddle.net/ZJyYY/ あります：右のコンテナを配置する権利を、

2012-04-18 17:12:21

アニメーション化される要素がposition：fixedの場合はどうなりますか？ –

@SenicaGonzalez add 'right：0;' http://jsfiddle.net/ZJyYY/71/ –

幅は左または右からアニメーション化されません。divの左端から配置されたdivの内容に過ぎません。

右端を基準にコンテンツを配置すると、左から非表示にすることができます。 divにあるものに応じて、別のコンテナ（div）が必要です（position: absolute; right: 0を使用してスタイルを設定する）。

2012-04-18 17:10:16 Guffa

答えて