layout/reftests/css-blending/background-blending-background-clip-padding-box.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!-- Blend a background image and a background color specifying background-clip: padding-box  -->
<!DOCTYPE HTML>
<html>
<head>
<style>
div {
  padding: 8.5px;
  margin: 0 0 9px;
  background: url('as-image/white_square.svg'),  #777777;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  margin: 10px;
  background-blend-mode: multiply;
}
</style>
</head>

<body>
    <div></div>
</body>
</html>