javascript - 修复 Buggy JQuery 动画

Question

我一直在尝试使用 JQuery 创建流畅的悬停动画。所以这个想法是，当你将鼠标悬停在图片上时，图像和文本的大小都会增加。

但是，当您将鼠标悬停在图像上时，图像会出现问题，文本会滚动，如您在包含的 jsfiddle 中所见。如果不滚动文本，我可以做些什么来让它更流畅？

Answer 1

您可以使用属性 overflow: hidden;在 css 类 .textBoxes 中，像这样:

.textBoxes
{
    display: flex;
    flex-direction:column;
    overflow: hidden;
}