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

时间:2014-01-30 19:37:42

标签: jquery css animation transition

我想为此页面中显示的图片悬停应用动画:

http://demo.krownthemes.com/goodwork/our-work/portfolio-9/

我不确定它的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>

这是CSS代码......

.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;
}

0 个答案:

没有答案