修復Buggy JQuery動畫

Question

我一直在嘗試使用JQuery創建一個平滑的懸停動畫。所以想法是，當你將圖片和文字懸停在圖片上時，圖片和文字的大小都會增加。

但是，當您將鼠標懸停在圖像上時，圖像就像是一種越野車，而文本會像您在jsfiddle中看到的那樣滾動。有沒有什麼我可以做，沒有文字滾動更平滑？

Answer 1

您可以使用屬性overflow：hidden; CSS類.textBoxes裏面，像這樣：

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