Css 如何从右到左制作宽度为0到100%的动画？

我期待着动画一个DIV从右到左。 我知道如何从左到右，但我不知道如何从右到左

下面是从左到右的动画代码：

.wrapper{
边框：1px纯黑；
}
.目录{
背景：#c3c；
溢出：隐藏；
空白：nowrap；
显示：内联块；
宽度：100%；
}
.wrapper:hover.contents{
过渡：宽度1s，易于进出；
宽度：0%；
}

这些是这个部门的内容

考虑剪辑路径，您可以轻松获得任何方向

.wrapper{
边框：1px纯黑；
}
.目录{
背景：#c3c；
溢出：隐藏；
显示：内联块；
宽度：100%；
过渡：剪辑路径1s缓进缓出；
剪辑路径：插入（0）；
}
.wrapper:hover.contents{
剪辑路径：插入（0 100%0 0）；/*上“右”下“左”*/
}
.wrapper.alt:hover.contents{
剪辑路径：插入（0 100%）；/*右上下“左”*/
}

这些是这个部门的内容
这些是这个部门的内容

hi，也许颠倒这一点可能会使父容器上的文本对齐：正确吗？非常感谢，文本对齐：正确解决了我的问题。您应该将“过渡：宽度1s轻松输入输出”移到main.contents以便顺利回滚