Увеличьте или увеличьте ширину тега div справа налево

Question

Так что в основном то, что нужно сделать, это то, что в момент времени 0 ширина равна 0, а время 1, ширина должна быть увеличена постепенно, справа налево i думаю, самая трудная часть, чтобы оживить его с «справа налево», у меня не было никаких проблем, оживляющий то, что увеличивает размер слева направо, как в следующем

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

Я предпочитаю решение не требует дополнительного плагина, но не стесняйтесь чтобы обеспечить такое решение, если нет другого пути. спасибо

Answer 1

Там демоверсия http://jsfiddle.net/ZJyYY/ Просто используйте поплавок: право размещать контейнер справа;)

Answer 2

Ширина не анимируется слева или справа, это просто содержимое div, которое расположено слева от div.

Просто поместите содержимое относительно правого края, чтобы его можно было скрыть слева. В зависимости от того, что у вас есть в div, вам может понадобиться другой контейнер (div) внутри него, который вы используете с помощью position: absolute; right: 0.