| <!DOCTYPE html> |
| <!-- |
| | Verify that solid-colored elements with solid borders 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; |
| border: 10px solid #00FFFF; |
| width: 50px; |
| height: 50px; |
| position: absolute; |
| transform: translate(100px, 100px); |
| } |
| |
| .green { |
| background-color: #00FF00; |
| border: 10px solid #FF00FF; |
| width: 50px; |
| height: 50px; |
| position: absolute; |
| transform: translate(200px, 100px); |
| } |
| |
| .blue { |
| background-color: #0000FF; |
| border: 10px solid #FFFF00; |
| width: 50px; |
| height: 50px; |
| position: absolute; |
| transform: translate(100px, 200px); |
| } |
| |
| .black { |
| background-color: #000000; |
| border: 10px solid #FFFFFF; |
| width: 50px; |
| height: 50px; |
| position: absolute; |
| transform: translate(140px, 140px); |
| } |
| |
| .white { |
| background-color: #FFFFFF; |
| border: 10px solid #000000; |
| 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> |