51 lines
1.2 KiB
Text
51 lines
1.2 KiB
Text
<rml>
|
|
<head>
|
|
<title>scene41</title>
|
|
<link type="text/rcss" href="Singe/gui.rcss"/>
|
|
<link type="text/rcss" href="scene41.rcss"/>
|
|
</head>
|
|
<body id="scene41">
|
|
<h1>GUI layers</h1>
|
|
<p>Group opacity composites a layer; the opacity property fades each piece alone.</p>
|
|
<div class="row">
|
|
<div class="cell">
|
|
<p class="label">filter: opacity(0.5)</p>
|
|
<div class="pair" id="group">
|
|
<div class="square yellow"></div>
|
|
<div class="square blue"></div>
|
|
</div>
|
|
</div>
|
|
<div class="cell">
|
|
<p class="label">opacity: 0.5</p>
|
|
<div class="pair plain">
|
|
<div class="square yellow"></div>
|
|
<div class="square blue"></div>
|
|
</div>
|
|
</div>
|
|
<div class="cell">
|
|
<p class="label">mask-image</p>
|
|
<div class="masked">
|
|
<p>This panel fades out through the alpha of maskFade.png.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="cell">
|
|
<p class="label">nested groups</p>
|
|
<div class="outer">
|
|
<div class="square yellow"></div>
|
|
<div class="inner">
|
|
<div class="square blue"></div>
|
|
<div class="square red"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cell">
|
|
<p class="label">box-shadow (saved layer)</p>
|
|
<div class="shadowed">
|
|
<p class="muted" id="frame">frame 0</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|