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
51
52
53
54
55
56
57
58
|
# Various tests for rotated text shadows, such as
# blur radius, offset, shadow color.
root:
items:
- type: stacking-context
transform: rotate(-30)
transform-origin: 80 80
items:
-
type: "shadow"
bounds: [0, 0, 350, 100]
blur-radius: 5
color: [255, 0, 0, 1]
- text: "A red shadow"
origin: 50 40
size: 20
font: "FreeSans.ttf"
-
type: "pop-all-shadows"
-
type: "shadow"
bounds: [100, 100, 350, 100]
blur-radius: 2
offset: 10 10
color: [0, 255, 0, 0.5]
- text: "Red text, green shadow"
origin: 150 140
size: 20
font: "FreeSans.ttf"
color: red
-
type: "pop-all-shadows"
- type: stacking-context
perspective: 100
perspective-origin: 650 100
items:
- type: "stacking-context"
transform-origin: 235 235
transform: rotate-x(-15)
items:
-
type: "shadow"
blur-radius: 5
color: [255, 0, 0, 1]
offset: [0, 20]
-
type: "shadow"
blur-radius: 0
color: [0, 0, 255, 1]
offset: [0, -20]
- text: "PERSPECTIVE!!!"
origin: 500 100
size: 100
font: "FreeSans.ttf"
-
type: "pop-all-shadows"
|
