Javascript 从右到左增加或增加div标记宽度

所以基本上需要做的是，在时间0，宽度是0，时间1，宽度应该从右到左逐渐增加 我想最难的部分是从“右到左”设置动画，我对从左到右增加大小的动画没有问题，如下所示

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

---

我更喜欢不需要额外插件的解决方案，但若并没有其他方法，可以随意提供这样的解决方案。谢谢

宽度不是从左侧或右侧设置动画，而是从div的左边缘定位的div内容

---

只需相对于右侧边缘定位内容，使其从左侧隐藏即可。根据div中的内容，可能需要另一个容器（div），使用

position:absolute；右：0

您可以使用

float:right

将容器放置在右侧：

#abc{
宽度：100%；
高度：100px；
背景颜色：粉红色；
动画名称：reducetime；
动画持续时间：1s；
浮动：对；
}
@关键帧还原时间{
0% {
宽度：0；
}
100% {
宽度：100%；
}
}

---

你能绝对定位你正在制作动画的项目吗，对：0；如果要设置动画的元素是“位置：固定”怎么办？