46 lines
1.6 KiB
Text
46 lines
1.6 KiB
Text
<rml>
|
|
<head>
|
|
<title>scene40</title>
|
|
<link type="text/rcss" href="Singe/gui.rcss"/>
|
|
<link type="text/rcss" href="scene40.rcss"/>
|
|
</head>
|
|
<body id="scene40">
|
|
<h1>GUI clip masks</h1>
|
|
<p>Rounded and rotated elements clip their content to their shape on the stencil buffer, not to their rectangle.</p>
|
|
<div class="row">
|
|
<div class="rounded" id="list">
|
|
<div class="odd">Ambush Alley</div>
|
|
<div class="even">Blue Thunder</div>
|
|
<div class="odd">Cliff Hanger</div>
|
|
<div class="even">Cobra Command</div>
|
|
<div class="odd">Dragon's Lair</div>
|
|
<div class="even">Dragon's Lair II</div>
|
|
<div class="odd">Firefox</div>
|
|
<div class="even">Freedom Fighter</div>
|
|
<div class="odd">Galaxy Ranger</div>
|
|
<div class="even">Hydrosub 2021</div>
|
|
<div class="odd">Interstellar</div>
|
|
<div class="even">M.A.C.H. 3</div>
|
|
<div class="odd">Mad Dog McCree</div>
|
|
<div class="even">Road Blaster</div>
|
|
<div class="odd">Sonic Fury</div>
|
|
<div class="even">Space Ace</div>
|
|
<div class="odd">Super Don Quixote</div>
|
|
<div class="even">Thayer's Quest</div>
|
|
<div class="odd">Time Gal</div>
|
|
<div class="even">Us vs Them</div>
|
|
</div>
|
|
<div class="tilted">
|
|
<div class="big">
|
|
<p>This block is wider and taller than the tilted panel holding it, so its edges must be cut along the panel's rotated sides, not along the screen's axes.</p>
|
|
<p class="muted" id="frame">frame 0</p>
|
|
</div>
|
|
</div>
|
|
<div class="outer">
|
|
<div class="inner">
|
|
<div class="fill">Nested: a rounded child inside a rounded parent, both clipping. The child's fill must show both sets of corners.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|