CSS3转换不转换

有人能告诉我为什么+X和-X中的大写和小写元素的translate3d转换不起作用吗？这可能是疏忽，但我看不出来。谢谢你抽出时间。倾斜是可行的，但我希望使用transform：translate3d-x%、0、0和translate3d+x%、0、0分别从左边输入上标题，从右边输入下标题

母公司{ 宽度：1000px； 高度：600px； 边框：1px实心； } .提特莱耶{ 位置：绝对位置； z指数：14； } 标题容器{ 位置：相对位置； 身高：100%； } 大写{ 位置：绝对位置； 宽度：50%； 身高：15%； 最高：35%； 左：25%； 文本对齐：居中； } 洛沃蒂尔{ 位置：绝对位置； 宽度：50%； 身高：15%； 底部：35%； 右：25%； 文本对齐：居中； } /*学校、动画；铬、狩猎、歌剧*/ @-webkit关键帧speedInLeft{ 0% { 不透明度：0； -webkit转换：translate3d-500%，-50%，0； -webkit变换：斜X-30度； } 60% { 不透明度：1； -webkit转换：translate3d-100%，-50%，0； -webkit变换：skewX20deg； } 80% { -webkit转换：translate3d-50%，-50%，0； -webkit变换：斜X-5度； } 100% { -webkit转换：无； } } /*学校、动画；Internet Explorer，标准语法*/ @关键帧speedInLeft{ 0% { 不透明度：0； -webkit转换：translate3d-500%，-50%，0； -webkit变换：斜X-30度； } 60% { 不透明度：1； -webkit转换：translate3d-100%，-50%，0； -webkit变换：skewX20deg； } 80% { -webkit转换：translate3d-50%，-50%，0； -webkit变换：斜X-5度； } 100% { -webkit转换：无； } } /*学校、动画；铬、狩猎、歌剧*/ @-webkit关键帧speedInRight{ 0% { 不透明度：0； 转换：translate3d950%，-50%，0； 变换：倾斜x30度； } 60% { 不透明度：1； 转换：translate3d200%，-50%，0； 变换：X-20度； } 80% { 转换：translate3d-50%，-50%，0； 变换：偏斜度； } 100% { 转化：无； } } /*学校、动画；Internet Explorer，标准语法*/ @关键帧speedInRight{ 0% { 不透明度：0； 转换：translate3d950%，-50%，0； 变换：倾斜x30度； } 60% { 不透明度：1； 转换：translate3d200%，-50%，0； 变换：X-20度； } 80% { 转换：translate3d-50%，-50%，0； 变换：偏斜度； } 100% { 转化：无； } } .speedInLeft{ /*铬、狩猎、歌剧*/ -webkit动画：speedInLeft 1.5s轻松输入输出； -webkit动画填充模式：正向； /*标准语法*/ 动画：speedInLeft 1.5s缓进缓出； 动画填充模式：正向； } .快进{ /*铬、狩猎、歌剧*/ -webkit动画：speedInRight 1.5s轻松输入输出； -webkit动画填充模式：正向； /*标准语法*/ 动画：speedInRight 1.5s缓进缓出； 动画填充模式：正向； } @字体{ 字体系列：“打开无灯光”； src:url'font/opensanscondlight/opensanscondlightwebfont.eot'； src:url'font/opensanscondlight/opensans condlight webfont.eot？iefix'格式'embedded-opentype'， url'fonts/OpenSANSCONDUCTDLIGHT/opensans condlight webfont.woff2'格式'woff2'， url'fonts/OpenSansCondentialLight/opensans condlight webfont.woff'格式'woff'， url'fonts/OpenSansCondentialLight/opensans condlight webfont.ttf'格式'truetype'， url'fonts/OpenSansCondentedLight/opensans condlight webfont.svgopen_SansCondented_light'格式为'svg'； 字体大小：正常； 字体风格：普通； } .文本中心{ 文本对齐：居中； } .OpenDLight{ 字体系列：“打开无背景灯”，回退，无衬线； } 丰博尔德先生{ 字体大小：粗体； } 丰特布莱克先生{ 颜色：000000； } .尺码5{ 字体大小：500%； } 速贷 连接 您的第二个变换将覆盖第一个变换

要进行多个变换，请执行以下操作：

transform: translate3d(-50%, -50%, 0) skewX(5deg);

---

我已经编辑了您的代码，使其更易于使用。在代码片段中很难看到效果，所以这里有一个小问题：哇，这看起来像是CSS3的一个限制。我稍后会测试一下。谢谢你的回答，瑞克。我没有意识到这一点。我稍后会进行测试，如果这确实是个问题，我会给你一个绿色的复选标记。嗯……好吧，我已经测试过了，你是对的，瑞克，两行变换是个问题。不知道为什么它会垂直移动？有什么答案吗？除了x轴之外，你还在制作y轴的动画。这就是你想要的吗？该死，我还没来得及回答你的问题。是的，这就是问题所在。谢谢你，瑞克。