51 lines
1.5 KiB
Text
51 lines
1.5 KiB
Text
<rml>
|
|
<head>
|
|
<title>scene42</title>
|
|
<link type="text/rcss" href="Singe/gui.rcss"/>
|
|
<link type="text/rcss" href="scene42.rcss"/>
|
|
</head>
|
|
<body id="scene42">
|
|
<h1>GUI filters</h1>
|
|
<div class="row">
|
|
<div class="cell">
|
|
<p class="label">filter: blur(6dp)</p>
|
|
<div class="panel blurred" id="blurred">
|
|
<span class="chip yellow"></span><span class="chip red"></span><span class="chip blue"></span>
|
|
<p>Soft on every edge, text included.</p>
|
|
</div>
|
|
</div>
|
|
<div class="cell">
|
|
<p class="label">filter: drop-shadow</p>
|
|
<div class="shadowText">Shadowed text<br/>falls down and right.</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="cell wide">
|
|
<p class="label">colour filters: none, grayscale, sepia, invert, hue-rotate(90deg), saturate(3)</p>
|
|
<div class="squares">
|
|
<div class="square"></div>
|
|
<div class="square grayscale"></div>
|
|
<div class="square sepia"></div>
|
|
<div class="square invert"></div>
|
|
<div class="square hue"></div>
|
|
<div class="square saturate"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="cell">
|
|
<p class="label">box-shadow: 0 12dp 24dp</p>
|
|
<div class="panel soft">
|
|
<p class="muted" id="frame">frame 0</p>
|
|
</div>
|
|
</div>
|
|
<div class="cell">
|
|
<p class="label">filter: blur(40dp)</p>
|
|
<div class="panel wideBlur" id="wide">
|
|
<span class="chip yellow"></span><span class="chip red"></span><span class="chip blue"></span>
|
|
<p>Downscaled first.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|