一款简单通用的图片和标题网格布局,图文列表网格响应式布局代码。可用于各种企业网站产品图文网格布局展示效果。
页面首次滚动打开页面元素淡出淡现动画显示,带列表分页集合布局效果。
使用jQuery ,wow元素动画插件,div css制作完成网格列表代码。
在li标签上加上class属性和data-wow-delay延迟入场时间值即可完成动画效果。对应的img scr路径修改,h3标题文本内容修改即可使用。
<li class="fadeInUp wow" data-wow-delay="0s">
<a href="https://www.861ppt.com/" title="名师风采一">
<div class="card-img"><img src="images/c-img01.jpg" /></div>
<div class="card-txt">
<h3>名师风采一</h3>
</div>
</a>
</li>