# Tests that backdrop filter works with a perspective transform
---
root:
  items:
    - type: stacking-context
      bounds: 0 0 0 0
      backdrop-root: true
      perspective: 500
      items:
      - type: rect
        color: [255, 255, 255, 1]
        bounds: 0 0 1024 1024
      - image: "firefox.png"
        bounds: 0 0 256 256
      - type: stacking-context
        bounds: 50 50 0 0
        transform: ["rotate-y(-50)", "rotate-z(-45)"]
        items:
        - type: clip
          id: 2
          bounds: 0 0 100 100
          clip-rect: 0 0 100 100
        - type: clip-chain
          id: 12
          clips: [2]
        - type: stacking-context
          bounds: 0 0 0 0
          items:
          - type: backdrop-filter
            bounds: 0 0 100 100
            clip-chain: 12
            filters: invert(1)