<!-- Slide container -->
<section class="full-height-section">
<!-- Base visible content -->
<div class="block top-left">
Base content
</div>
<!-- Additional layout state revealed later -->
<div class="block bottom fragment">
Additional content state
</div>
</section>
<!-- Slide container -->
<section class="full-height-section">
<!-- Base layout -->
<div class="columns">
<div class="column">
Base content
</div>
</div>
<!-- Overlay layer revealed as a state -->
<div class="fragment overlay-state">
Overlay content
</div>
</section>
<!-- Slide container -->
<section class="full-height-section">
<!-- Base content region -->
<div class="block top-left">
Base slide content
</div>
<!-- Full-width state layer -->
<div class="fragment full-width-state">
Expanded full-width content
</div>
</section>
Slide
│
├── Base State
│
├── Layout State
│
├── Overlay State
│
└── Full-Width State
