增加宽度和高度并在悬停时变换

Question

悬停时增加宽度和高度。 单个项目有指定的高度和重量，将鼠标悬停在项目上会增加项目的高度和宽度。该项目已进行转换，以使高度均匀增加。随着高度的增加，该物品不应将内容物推到下方，因此已给容器指定了高度。最初它可以工作，但是在添加滑块时，由于 overflow: hidden， 该项目顶部的内容不可见。 请看这里： https://jsfiddle.net/ashiqsetu/d0319bxa/ 我需要像悬停效果这样的https://www.linkedin.com/learning/me项。 谢谢，我会受益匪浅。

Answer 1

它来自这里

.career-recommendations-wrapper {
  display: flex;
  justify-content: left;
  overflow: hidden;   <--- Here it is
}

因为您的项目在career-recommendations-wrapper内部，所以其中的所有溢出都将被隐藏。

https://jsfiddle.net/rap_sherlock/jv4g508k/