Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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/39.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 为什么“变换:平移”在两个轴上都不起作用?_Html_Css_Image_Css Transforms - Fatal编程技术网

Html 为什么“变换:平移”在两个轴上都不起作用?

Html 为什么“变换:平移”在两个轴上都不起作用?,html,css,image,css-transforms,Html,Css,Image,Css Transforms,我的转换:翻译(10px 10px)不工作。当我只输入x轴的值时,它就工作了。而且,当我使用translateX和translateY时,它们确实起作用,但不是两者都起作用。所以我只能在一个轴上平移图像,但不能在两个轴上都平移。有什么想法吗 .gallery{ 文本对齐:居中; } .画廊图片{ 位置:相对位置; 宽度:30%; 高度:计算(宽度*66%); 利润率:10px; 动画名称:布莱丁; 动画持续时间:3s; 过渡:所有300ms的输入输出都很容易; } .画廊图片:悬停{ 盒影:1

我的转换:翻译(10px 10px)不工作。当我只输入x轴的值时,它就工作了。而且,当我使用translateX和translateY时,它们确实起作用,但不是两者都起作用。所以我只能在一个轴上平移图像,但不能在两个轴上都平移。有什么想法吗

.gallery{
文本对齐:居中;
}
.画廊图片{
位置:相对位置;
宽度:30%;
高度:计算(宽度*66%);
利润率:10px;
动画名称:布莱丁;
动画持续时间:3s;
过渡:所有300ms的输入输出都很容易;
}
.画廊图片:悬停{
盒影:10px 10px 10px黑色;
转换:转换(10px 10px);
}

需要css中的昏迷。所以它不是:

transform:translate(10px 10px);
但是:

transform:translate(10px,10px);
.gallery{
文本对齐:居中;
}
.画廊图片{
位置:相对位置;
宽度:30%;
高度:计算(宽度*66%);
利润率:10px;
动画名称:布莱丁;
动画持续时间:3s;
过渡:所有300ms的输入输出都很容易;
}
.画廊图片:悬停{
盒影:10px 10px 10px黑色;
转换:转换(10px,10px);
}


最好关闭打字错误等问题。快速查找文档或谷歌搜索将给出answer@TemaniAfif我知道,我已经标记过了。但谁不想要这些免费积分呢;)稍后您将丢失它们,因为这样的问题将在不久的将来被删除。