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>