Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css动画边之间有空格_Html_Css_Css Animations - Fatal编程技术网

Html css动画边之间有空格

Html css动画边之间有空格,html,css,css-animations,Html,Css,Css Animations,我已经创建了一个网页,在这个网页下我正在使用css动画播放立方体旋转。Aniamation工作正常,但立方体两侧之间存在不相交的空间。我试图相应地设置它的高度和宽度,但它出现了问题 你可以看电视 CSS HTML 您传递的转换值大于您需要的值。因此,translateZ将图像投影到离多维数据集接口太远的地方。。这就是为什么我们认为立方体是不正确的 试试这个: -webkit-transform: rotateY(180deg) translateZ(75px); 在每个地方你都有transla

我已经创建了一个网页,在这个网页下我正在使用css动画播放立方体旋转。Aniamation工作正常,但立方体两侧之间存在不相交的空间。我试图相应地设置它的
高度
宽度
,但它出现了问题

你可以看电视

CSS

HTML


您传递的
转换
值大于您需要的值。因此,
translateZ
将图像投影到离多维数据集接口太远的地方。。这就是为什么我们认为立方体是不正确的

试试这个:

-webkit-transform: rotateY(180deg) translateZ(75px);

在每个地方你都有translateZ(100px)

你传递的
transform
值大于你需要的值。因此,
translateZ
将图像投影到离多维数据集接口太远的地方。。这就是为什么我们认为立方体是不正确的

试试这个:

-webkit-transform: rotateY(180deg) translateZ(75px);

在每个地方你都有translateZ(100px)

你传递的
transform
值大于你需要的值。因此,
translateZ
将图像投影到离多维数据集接口太远的地方。。这就是为什么我们认为立方体是不正确的

试试这个:

-webkit-transform: rotateY(180deg) translateZ(75px);

在每个地方你都有translateZ(100px)

你传递的
transform
值大于你需要的值。因此,
translateZ
将图像投影到离多维数据集接口太远的地方。。这就是为什么我们认为立方体是不正确的

试试这个:

-webkit-transform: rotateY(180deg) translateZ(75px);


在每一个你有translateZ(100px)的地方,都张贴有问题的代码。不要指望我们检查你的site@laaposto代码很长,这就是我没有发布的原因。但不管怎样,正如你所说,我已经编辑了我的问题。你应该准备一个自包含的示例(例如,在dabblet或JSFIDLE上),只发布你的问题所需的最少代码。很可能你的翻译不正确-我认为应该是
width/2px
,在你的情况下应该是
75px
,而不是100。将有问题的代码发布。不要期望我们检查你的site@laaposto代码很长,这就是我没有发布的原因。但不管怎样,正如你所说,我已经编辑了我的问题。你应该准备一个自包含的示例(例如,在dabblet或JSFIDLE上),只发布你的问题所需的最少代码。很可能你的翻译不正确-我认为应该是
width/2px
,在你的情况下应该是
75px
,而不是100。将有问题的代码发布。不要期望我们检查你的site@laaposto代码很长,这就是我没有发布的原因。但不管怎样,正如你所说,我已经编辑了我的问题。你应该准备一个自包含的示例(例如,在dabblet或JSFIDLE上),只发布你的问题所需的最少代码。很可能你的翻译不正确-我认为应该是
width/2px
,在你的情况下应该是
75px
,而不是100。将有问题的代码发布。不要期望我们检查你的site@laaposto代码很长,这就是我没有发布的原因。但不管怎样,正如你所说,我已经编辑了我的问题。你应该准备一个自包含的示例(例如,在dabblet或JSFIDLE上),只发布你的问题所需的最少代码。很可能你的translateZ不正确-我认为应该是
width/2px
,在你的情况下应该是
75px
,而不是100。你能告诉我如何根据图像设置正确的translateZ值吗?根据什么图像?如果图像的宽度和高度与100px一样,那么translate-z应该正好是图像的一半大小?你还可以告诉我如何根据图像设置正确的translateZ值吗?根据什么图像?如果图像具有相同的宽度和高度,如100px,那么translate-z应该正好是图像大小的一半?你还可以告诉我如何根据图像设置正确的translateZ值吗?根据什么图像?如果图像具有相同的宽度和高度像100px那么translate-z应该正好是图像大小的一半?你能告诉我如何根据图像设置正确的translateZ值吗?根据什么图像?如果图像具有像100px一样的宽度和高度,那么translate-z应该正好是图像大小的一半吗?