Css 从原点悬停时触发translateY（）

在按钮底部移动光标时，是否可以不无限期地触发动画

这是它的样子，还有

.container{
填充：1rem；
}
.集装箱，给你{
文字装饰：无；
颜色：白色；
背景：暗绿色；
显示：内联块；
保证金：2rem；
填充：1rem；
过渡：全部1秒；
}
.容器.这里：悬停{
转换：translateY（-1.5雷姆）标度（1.5）；
}

在这里盘旋

通过添加伪元素使底部的按钮变大，可以避免闪烁：

.container{
填充：1rem；
}
.集装箱，给你{
文字装饰：无；
颜色：白色；
背景：暗绿色；
显示：内联块；
保证金：2rem；
填充：1rem；
过渡：全部1秒；
位置：相对位置；
}
.集装箱。这里：在{
内容：“；
位置：绝对位置；
最高：100%；
左：0；
右：0；
}
.容器.这里：悬停{
转换：translateY（-1.5雷姆）标度（1.5）；
}
.容器。此处：悬停：之前{
高度：1.5雷姆；
}

在这里盘旋

尝试添加

位置：绝对至
。此处