testsuite/reftests/background-image-multiple.css


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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

@import "reset-to-defaults.css";

#button1 {
    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(lime);
}

#button2 {
    background-color: lime;
    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(transparent);
}

#button3 {
    padding: 12px;
    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(lime);
    background-clip: content-box;
}

#button4 {
    padding: 12px;
    background-image: linear-gradient(red), linear-gradient(lime);
    background-clip: content-box, padding-box;
}

#button5 {
    padding: 12px;
    background-image: linear-gradient(red), linear-gradient(transparent);
    background-clip: content-box, padding-box;
    background-color: lime;
}

#ref1,
#ref2 {
    background-color: #807f00;
}

#ref3 {
    padding: 12px;
    background-color: #807f00;
    background-clip: content-box;
}

#ref4-bg,
#ref5-bg {
    background-color: lime;
}

#ref4-fg,
#ref5-fg {
    background-color: red;
}