wpt/css/compositing/background-blending/background-blend-mode-plus-lighter.html at master · web-platform-tests/wpt

History

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<!DOCTYPE html>

<title>background-blend-mode: plus-lighter test</title>

<style>

.test {

width: 100px;

height: 100px;

background-blend-mode: plus-lighter;

}

</style>

import { tests } from '../support/plus-lighter.js';

import { toCSSColor } from '../support/utils.js';

// Create a solid color CSS image.

const colorImage = (pixel) =>

`linear-gradient(to right, ${toCSSColor(pixel)}, ${toCSSColor(pixel)})`;

const createBackgrounds = (colors) => colors

// Backgrounds are top first

.slice().reverse()

.map((color) => colorImage(color))

.join(', ');

for (const colors of tests) {

document.body.insertAdjacentHTML('beforeend', `

`);

}

</script>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

background-blend-mode-plus-lighter.html

background-blend-mode-plus-lighter.html

Files

background-blend-mode-plus-lighter.html

Latest commit

History

background-blend-mode-plus-lighter.html

File metadata and controls