Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252"><style>
.swatch {
float: left;
height: 40px;
width: 120px;
box-sizing: border-box;
}
.swatch2 {
float: left;
height: 40px;
width: 720px;
box-sizing: border-box;
}
.header {
border: 1px solid black;
font-size: 10px;
font-weight: bold;
}
br { clear: both; }
.red { background: red }
.orange { background: orange }
.yellow { background: yellow }
.green { background: green }
.blue { background: blue }
.indigo { background: indigo }
.violet { background: violet }
</style>
</head><body>
<div class="swatch header">A: named color</div>
<div class="swatch header">B: �& will-change: transform</div>
<div class="swatch header">C: �& border</div>
<div class="swatch header">D: solid-color gradient </div>
<div class="swatch header">E: �& will-change: transform</div>
<div class="swatch header">F: �& border</div>
<br>
<div class="swatch2 red"></div>
<br>
<div class="swatch2 orange"></div>
<br>
<div class="swatch2 yellow"></div>
<br>
<div class="swatch2 green"></div>
<br>
<div class="swatch2 blue"></div>
<br>
<div class="swatch2 indigo"></div>
<br>
<div class="swatch2 violet"></div>
<br>
</body></html>