Source code
Revision control
Copy as Markdown
Other Tools
---
# WebRender internally clips the stacking context to avoid
# rendering parts that are off-screen. It has to take shadow
# offsets into account.
# This test introduces a 90 degrees rotation to ensure that
# the clip inflation isn't done in the wrong space.
root:
items:
# Rotation inside of the shadowed stacking context.
- type: stacking-context
bounds: [0, -10, 200, 100]
filters: drop-shadow([-10, 200], 5, red)
items:
- type: stacking-context
bounds: [50, -10, 200, 100]
transform: rotate-z(-90)
items:
-
bounds: [0, 0, 500, 150]
glyphs: [55, 75, 76, 86]
offsets: [0, 100, 75, 100, 150, 100, 180, 100]
size: 90
color: blue
font: "../text/VeraBd.ttf"
# Rotation applied to the shadowed stacking context directly.
- type: stacking-context
bounds: [150, 35, 200, 100]
filters: drop-shadow([200, 10], 5, red)
transform: rotate-z(-90)
items:
-
bounds: [0, 0, 500, 150]
glyphs: [55, 75, 76, 86]
offsets: [0, 100, 75, 100, 150, 100, 180, 100]
size: 90
color: blue
font: "../text/VeraBd.ttf"