我想为此页面中显示的图片悬停应用动画:
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;
}