一款简单通用的图片和标题网格布局,图文列表网格响应式布局代码。可用于各种企业网站产品图文网格布局展示效果。

页面首次滚动打开页面元素淡出淡现动画显示,带列表分页集合布局效果。

使用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>