<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>15种CSS3渐变颜色色板配色代码</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body style="padding:0;margin:0;">
<ul>
<li class="gradient--0">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--1">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--2">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--3">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--4">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--5">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--6">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--7">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--8">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--9">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--10">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--11">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--12">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--13">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
<li class="gradient--14">
<div class="gradient"></div>
<div class="start-color"></div>
<div class="end-color"></div>
</li>
</ul>
<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.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>
