css3 实现简单大气企业站客户案例图文布局样式代码。鼠标悬停状态下， 使用css3属性，显示更多详细信息。

使用方法

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、body引入HTML代码

<div class="case-content-bg case-content-info">
	<div class="case-box">
		<h3 class="case-box-title">
			<em>客户案例</em>
			<span>各行各业的合作伙伴使用大数据分析产品</span>
		</h3>
		<div class="case-wrapper clearfix">
			<div class="case-item">
				<div class="case-item-bg case-item-bg1"></div>
				<div class="case-item-title">百度外卖</div>
				<div class="case-item-text">应用BML做商户点击率的预估，提升了模型训练效率，基于海量数据做到了模型的每天更新。上线后转化率比之前有明显提升。</div>
				<div class="case-item-doc">
					<p>使用产品</p>
					<p>
						<a href="#">百度BMR</a>
						<a href="#">百度深度学习</a>
					</p>
				</div>
			</div>
			<div class="case-item">
				<div class="case-item-bg case-item-bg2"></div>
				<div class="case-item-title">百度游戏</div>
				<div class="case-item-text">运用BMR整理数据，以及BML做点击率预估，结合百度的用户画像数据训练游戏付费转化模型，业务效果获得大幅提升。</div>
				<div class="case-item-doc">
					<p>使用产品</p>
					<p>
						<a href="#">百度BMR</a>
						<a href="#">百度深度学习</a>
					</p>
				</div>
			</div>
			<div class="case-item">
				<div class="case-item-bg case-item-bg3"></div>
				<div class="case-item-title">作业帮</div>
				<div class="case-item-text">运用BMR进行定时的数据筛选、清理工作，可按需调整集群规模，适应弹性的计算需求，并提供全天候的运维。</div>
				<div class="case-item-doc">
					<p>使用产品</p>
					<p>
						<a href="#">百度BMR</a>
						<a href="#">百度深度学习</a>
					</p>
				</div>
			</div>
			<div class="case-item">
				<div class="case-item-bg case-item-bg4"></div>
				<div class="case-item-title">换手率</div>
				<div class="case-item-text">专注国内A股短线交易，是国内一线顶尖短线私募高手联合开发，主要为热爱炒短线的股友们提供免费、实时、深度的个股大数据量化分析服务。</div>
				<div class="case-item-doc">
					<p>使用产品</p>
					<p>
						<a href="#">百度BMR</a>
						<a href="#">百度深度学习</a>
					</p>
				</div>
			</div>

		</div>
	</div>
</div>

资源出处：https://www.moyublog.com/codes/9639.html