Css 为什么转换属性不起作用

所以我知道两个变换不能同时应用。但是在

悬停

时，它们可以互相替换？！下面是我试图制作的按钮的代码，但当我悬停时，属性似乎不起作用！另外，我试图插入的向下箭头也不完全在中间。因此，我必须使用

填充
将其居中


.btn\uu bg{
位置：绝对位置；
显示：内联块；
不透明度：0；
最高：75%；
左：50%；
转换：翻译（-50%，-50%）；
高度：60px；
宽度：60px；
背景色：#000；
边界半径：50%；
文本对齐：居中；
动画：fadeInTop 1.2s向前移动1.5s；
过渡：all.2s；
盒影：0.4px40px rgba（0,0,0,3）；
}
.btn\u内容{
字体大小：30px；
颜色：#fff；
字号：100；
文字装饰：无；
线高：正常；
}
.btn\u向下--文本{
显示：内联块；
垂直对齐：中间对齐；
}
.btn\uu bg:悬停{
转换：转换（-50%，-50%）比例（1.5）；
}
.btn\uu bg:悬停~.btn\uu向下--文本{
垂直对齐：中间对齐；
}

欢迎
不太清楚您的意思：缩放有效（？）

箭头的垂直位置可以通过包含它的跨距上的
页边距顶部调整


.btn\uu bg{
位置：绝对位置；
显示：内联块；
不透明度：1；
最高：75%；
左：50%；
转换：翻译（-50%，-50%）；
高度：60px；
宽度：60px；
背景色：白色；
边界半径：50%；
文本对齐：居中；
动画：fadeInTop 1.2s向前移动1.5s；
过渡：all.2s；
盒影：0.4px40px rgba（0,0,0,3）；
}
.btn\u内容{
字体大小：30px；
颜色：#000；
字号：100；
文字装饰：无；
线高：正常；
}
.btn\u向下--文本{
显示：内联块；
边缘顶部：0.3em；
}
.btn\uu bg:悬停{
转换：转换（-50%，-50%）比例（1.5）；
}
.btn\uu bg:悬停~.btn\uu向下--文本{
垂直对齐：中间对齐；
}

欢迎
不太清楚您的意思：缩放有效（？）

箭头的垂直位置可以通过包含它的跨距上的
页边距顶部调整


.btn\uu bg{
位置：绝对位置；
显示：内联块；
不透明度：1；
最高：75%；
左：50%；
转换：翻译（-50%，-50%）；
高度：60px；
宽度：60px；
背景色：白色；
边界半径：50%；
文本对齐：居中；
动画：fadeInTop 1.2s向前移动1.5s；
过渡：all.2s；
盒影：0.4px40px rgba（0,0,0,3）；
}
.btn\u内容{
字体大小：30px；
颜色：#000；
字号：100；
文字装饰：无；
线高：正常；
}
.btn\u向下--文本{
显示：内联块；
边缘顶部：0.3em；
}
.btn\uu bg:悬停{
转换：转换（-50%，-50%）比例（1.5）；
}
.btn\uu bg:悬停~.btn\uu向下--文本{
垂直对齐：中间对齐；
}

欢迎