我正在尝试添加过渡，但无法使其正常工作。我的悬停功能稍有不同，因为它针对不同的类别进行更改，所以：
.news-thumbnail:hover > .news-description-container{
padding: 1.5rem 2rem;
height: 21rem;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}
Edit: adding original class
.news-description-container{
position:absolute;
width: 100%;
bottom: 0;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
background-color: white;
padding:2.5rem 2rem;
text-align: left;
height: 15.5rem;
}
是什么原因造成的： https://i.stack.imgur.com/DyeOS.png
当您将鼠标悬停在其中时（新闻缩略图），只是白色区域（新闻描述容器）向上滑动： https://i.stack.imgur.com/Q6mxf.png
如何使此过渡工作？我只希望它向上和向下滑动，而不出现/消失而不过渡。
也许我做错了，不应该这样吗？ 谷歌搜索后未找到任何内容，因此对其他人可能有用。
谢谢！
