使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="cloud-content">
	<div class="cloud-header">
		<h3>
			<em>場(chǎng)景教程</em>
			<span>一站式數(shù)據(jù)服務(wù)，助您領(lǐng)跑行業(yè)</span>
		</h3>
		<div class="cloud-wrapper clearfix">
			<a href="#" class="cloud-card">
				<div class="cloud-card-image">
					<div class="cloud-scale cloud-card-image-back"></div>
					<div class="cloud-card-image-title">網(wǎng)站日志分析</div>
				</div>
				<div class="cloud-card-text">網(wǎng)站日志包含用戶訪問信息，通過日志分析我們可以了解網(wǎng)站的訪問量、網(wǎng)頁(yè)訪問次數(shù)、網(wǎng)頁(yè)訪問人數(shù)、頻繁訪問時(shí)段等等，以便獲取用戶行為以優(yōu)化網(wǎng)站的商業(yè)價(jià)值。</div>
			</a>
			<a href="#" class="cloud-card">
				<div class="cloud-card-image">
					<div class="cloud-scale cloud-card-image-back01"></div>
					<div class="cloud-card-image-title">廣告點(diǎn)擊率預(yù)估</div>
				</div>
				<div class="cloud-card-text">在數(shù)字廣告營(yíng)銷領(lǐng)域，通常需要預(yù)估一個(gè)廣告的點(diǎn)擊率（Click Through Rate，CTR）預(yù)估，通?；跉v史廣告的點(diǎn)擊數(shù)據(jù)和query的各種特征，通過機(jī)器學(xué)習(xí)模型來預(yù)測(cè)。</div>
			</a>
			<a href="#" class="cloud-card">
				<div class="cloud-card-image">
					<div class="cloud-scale cloud-card-image-back02"></div>
					<div class="cloud-card-image-title">電影推薦</div>
				</div>
				<div class="cloud-card-text">根據(jù)某在線影片租賃商會(huì)的用戶們對(duì)影片的歷史評(píng)分?jǐn)?shù)據(jù)，可通過機(jī)器學(xué)習(xí)的評(píng)估與預(yù)測(cè)，為這些用戶推薦其感興趣的影片。</div>
			</a>
		</div>
	</div>
</div>