Jquery 具有fadeIn和slideUp效果的图像悬停动画

我想为该页面中显示的图像悬停应用动画：

我不确定它是jQuery效果还是简单的CSS转换。那么如何达到这个效果呢？具有以下div结构

<div class="gallery_entry">

          <a class="featured_img" href="#">
            <img src="image.jpg" />

            <div class="entry_overlay">
               <p class="title">Title Here</p>
               <span class="sub_title">caption here</span>
            </div>
          </a>


</div>

---

所以您还没有尝试过任何东西吗？我尝试过jquery animate属性，但不确定是否可以通过此方法同时实现slideup和fadein动画。我认为此动画可以使用css3完成。它看起来像是在悬停时，橙色遮罩淡入，文本向上移动了一点。在css中，有一个带有position:absolute的div和一个rgba BGcolor，当悬停该div时，该div会改变不透明度，并且该div会用z索引定位在图像上，它们使用立方贝塞尔变换来归档该效果。下面是他们正在使用的示例代码：transition:all 300ms立方贝塞尔（0.165,0.840,0.440,1.000）；thnx，我会试试看，如果有用的话会告诉你的。

.gallery_entry {
    position: relative;
    display: inline-block;
}
.gallery_entry .featured_img {
    display: inline-block;
}

.gallery_entry .entry_overlay {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
}