<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>css3图片3d倾斜列表特效 - 脚本之家</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="images-basic">
<div>
<img src="img/eleanor.jpg" alt="Eleanor from The Good Place" />
</div>
<div>
<img src="img/chidi.jpg" alt="Chidi from The Good Place" />
</div>
<div>
<img src="img/jason.jpg" alt="Jason from The Good Place" />
</div>
<div>
<img src="img/tahani.jpg" alt="Tahani from The Good Place" />
</div>
</div>
<div class="images-leaning">
<div>
<img src="img/eleanor.jpg" alt="Eleanor from The Good Place" />
</div>
<div>
<img src="img/chidi.jpg" alt="Chidi from The Good Place" />
</div>
<div>
<img src="img/jason.jpg" alt="Jason from The Good Place" />
</div>
<div>
<img src="img/tahani.jpg" alt="Tahani from The Good Place" />
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>来源:<a href="https://www.jb51.net/" target="_blank">脚本之家</a></p>
</div>
</body>
</html>