<!DOCTYPE html>
<!--
 | Verify that solid-colored elements at integer pixel coordinates do not have
 | aliasing when rendered.
 -->
<html>
<head>
  <style>
    body {
      background-color: rgba(0,0,0,0);
    }

    .red {
      background-color: #FF0000;
      width: 50px;
      height: 50px;
      position: absolute;
      transform: translate(100px, 100px);
    }

    .green {
      background-color: #00FF00;
      width: 50px;
      height: 50px;
      position: absolute;
      transform: translate(200px, 100px);
    }

    .blue {
      background-color: #0000FF;
      width: 50px;
      height: 50px;
      position: absolute;
      transform: translate(100px, 200px);
    }

    .black {
      background-color: #000000;
      width: 50px;
      height: 50px;
      position: absolute;
      transform: translate(140px, 140px);
    }

    .white {
      background-color: #FFFFFF;
      width: 50px;
      height: 50px;
      position: absolute;
      transform: translate(180px, 180px);
    }
  </style>
</head>
<body>
  <div class="red"></div>
  <div class="green"></div>
  <div class="blue"></div>
  <div class="black"></div>
  <div class="white"></div>
</body>
</html>