Javascript CSS类的反面

我正在处理req，我需要构建CSS类的相反动画，如下所示 有人能帮我建造吗 下面是对面的班级

.tcs设置右侧动画{
位置：相对位置；
动画名称：animateright；
动画持续时间：0.75秒；
}
@关键帧animateright{
从{右：-100px；不透明度：0}
至{右侧：0；不透明度：1}
}

tcs-animate-right'>

您可以执行以下操作：

.tcs设置右侧动画{
位置：相对位置；
动画名称：animateright；
动画持续时间：0.75秒；
}
@关键帧animateright{
从{
右：-100px；
不透明度：0
}
到{
右：0；
不透明度：1
}
}
.tcs设置反面动画{
位置：相对位置；
动画名称：AnimatePosite；
动画持续时间：0.75秒；
右：-100px；
}
@关键帧设置动画位置{
从{
右：0px；
不透明度：0
}
到{
右：-100px；
不透明度：1
}
}

从右到左
从左到右

这很简单。只需复制/粘贴代码并稍微重命名即可。然后只需将

-100px

更改为

100px

.tcs设置右侧动画{
位置：相对位置；
动画名称：animateright；
动画持续时间：0.75秒；
}
.tcs向左设置动画{
位置：相对位置；
动画名称：animateleft；
动画持续时间：0.75秒；
}
@关键帧animateright{
从{右：-100px；不透明度：0}
至{右侧：0；不透明度：1}
}
@动画关键帧{
从{右：100px；不透明度：0}
至{右侧：0；不透明度：1}
}

tcs-animate-right'>
tcs向左设置动画