shadow-transforms.yaml (1497B)
1 # Various tests for rotated text shadows, such as 2 # blur radius, offset, shadow color. 3 root: 4 items: 5 - type: stacking-context 6 transform: rotate(-30) 7 transform-origin: 80 80 8 items: 9 - 10 type: "shadow" 11 bounds: [0, 0, 350, 100] 12 blur-radius: 5 13 color: [255, 0, 0, 1] 14 - text: "A red shadow" 15 origin: 50 40 16 size: 20 17 font: "FreeSans.ttf" 18 - 19 type: "pop-all-shadows" 20 21 - 22 type: "shadow" 23 bounds: [100, 100, 350, 100] 24 blur-radius: 2 25 offset: 10 10 26 color: [0, 255, 0, 0.5] 27 - text: "Red text, green shadow" 28 origin: 150 140 29 size: 20 30 font: "FreeSans.ttf" 31 color: red 32 - 33 type: "pop-all-shadows" 34 35 - type: stacking-context 36 perspective: 100 37 perspective-origin: 650 100 38 items: 39 - type: "stacking-context" 40 transform-origin: 235 235 41 transform: rotate-x(-15) 42 items: 43 - 44 type: "shadow" 45 blur-radius: 5 46 color: [255, 0, 0, 1] 47 offset: [0, 20] 48 - 49 type: "shadow" 50 blur-radius: 0 51 color: [0, 0, 255, 1] 52 offset: [0, -20] 53 - text: "PERSPECTIVE!!!" 54 origin: 500 100 55 size: 100 56 font: "FreeSans.ttf" 57 - 58 type: "pop-all-shadows"