Demos: o-visual-effects

<div class="o-visual-effects-shadow-ultralow">ultralow</div>

<div class="o-visual-effects-shadow-low">low</div>

<div class="o-visual-effects-shadow-mid">mid</div>

<div class="o-visual-effects-shadow-high">high</div>

<div class="demo-canvas demo-off">
	<div class="demo-card demo-transitions demo-transitions--slide">
		<div class="demo-card-label">Slide</div>
	</div>
	<div class="demo-card demo-transitions demo-transitions--expand">
		<div class="demo-card-label">Expand</div>
	</div>
	<div class="demo-card demo-transitions demo-transitions--fade">
		<div class="demo-card-label">Fade</div>
	</div>
	<button class="demo-toggle" type="button">Run demo</button>
</div>