transform{ transform: scale(0.5); child: transform { transform: scale(8); child: clip { clip: 0 0 50 50 / 20 0 0 0; child: color { color: teal; } } } } debug { message: "clipped-out area"; child: container { color { color: black; bounds: 0 50 10 30; } color { color: black; bounds: 5 40 10 10; } color { color: black; bounds: 10 35 10 10; } color { color: black; bounds: 12 30 10 10; } color { color: black; bounds: 17 23 10 10; } color { color: black; bounds: 23 16 10 10; } color { color: black; bounds: 30 11 10 10; } color { color: black; bounds: 38 4 10 10; } color { color: black; bounds: 47 2 10 10; } color { color: black; bounds: 54 0 50 10; } } }