mix-blend-mode-plus-lighter-ref.html (643B)
1 <!DOCTYPE html> 2 <title>mix-blend-mode: plus-lighter test</title> 3 <link rel="author" title="Jake Archibald" href="mailto:jakearchibald@chromium.org"> 4 <link rel="help" href="https://drafts.fxtf.org/compositing-2/#mix-blend-mode"> 5 <style> 6 .test { 7 width: 100px; 8 height: 100px; 9 } 10 </style> 11 <script type="module"> 12 import { tests, plusLighter } from '../../support/plus-lighter.js'; 13 import { toCSSColor } from '../../support/utils.js'; 14 15 for (const colors of tests) { 16 document.body.insertAdjacentHTML('beforeend', ` 17 <div class="test" style="background-color: ${toCSSColor(plusLighter(colors))}"></div> 18 `); 19 } 20 </script>