创意的项目案例图文列表ui布局代码

一款简洁创意的企业产品案例图文列表展示，鼠标悬停列表图片滑动显示文字介绍内容，支持水平和上下居中效果。本案例主要使用css:hover属性制作完成，图片和文字内容分开独立在一个div容器里面，通过悬停整个容器触发hover事件，在利用transition属性来实现悬停动画效果。采用了流行的flex布局结构。

下载后修改代码li标签里面的文本和图片src地址即可使用。

<li class="case-example-item">
	<a href="https://www.861ppt.com/">
		<img src="images/img001.jpg" alt="" class="case-pad">
		<div class="case-item-info">
			<div class="case-info-logo"><img src="images/logo-001.jpg" alt=""></div>
			<div class="case-info-title">经营类目：服装服饰</div>
			<div class="case-info-text">对现在社会来说，服装已经是每个人装饰自己，保护自己，不仅仅为穿，还是一个身份、一种生活态度、一个展示个人魅力的表现。</div>
		</div>

	</a>
</li>