41 lines
1.1 KiB
Text
41 lines
1.1 KiB
Text
<rml>
|
|
<head>
|
|
<title>scene43</title>
|
|
<link type="text/rcss" href="Singe/gui.rcss"/>
|
|
<link type="text/rcss" href="scene43.rcss"/>
|
|
</head>
|
|
<body id="scene43">
|
|
<h1>GUI gradients</h1>
|
|
<div class="row">
|
|
<div class="cell">
|
|
<p class="label">linear-gradient, three stops</p>
|
|
<div class="linear"><p class="muted" id="frame">frame 0</p></div>
|
|
</div>
|
|
<div class="cell narrow">
|
|
<p class="label">radial-gradient</p>
|
|
<div class="radial"></div>
|
|
</div>
|
|
<div class="cell narrow">
|
|
<p class="label">conic-gradient</p>
|
|
<div class="conic" id="wheel"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="cell wide">
|
|
<p class="label">repeating-linear-gradient</p>
|
|
<div class="stripe"></div>
|
|
<p class="label">linear-gradient with twenty stops (the first sixteen draw)</p>
|
|
<div class="twenty"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="cell wide">
|
|
<p class="label">the theme: a panel, buttons and a progress bar</p>
|
|
<div class="panel">
|
|
<button>Start</button><button>Options</button>
|
|
<progress direction="right" value="0.6" class="bar"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|