| <!DOCTYPE HTML> |
| |
| <!-- This file should two green squares, each having a dotted border. --> |
| |
| <link rel="stylesheet" href="resources/blending-style.css"> |
| <style> |
| div { |
| border: 5px navy; |
| border-style: dotted double; |
| background: url('data:image/svg+xml;utf8, \ |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"> \ |
| <rect width="100" height="100" fill="%23F00"/> \ |
| </svg>' |
| ), #FF0; |
| background-blend-mode: difference, normal |
| } |
| </style> |
| |
| <!-- Test the software path. --> |
| <div class="box130px"></div> |
| |
| <!-- Test the hardware path. --> |
| <div class="accelerated box130px"></div> |
