Changing Content

In this example you can change the Shot displayed on a Canvas scrolling between sections.

The Plinthos Snippet automatically checks for data-pd-show attributes and applies their instructions based on which are elements are visible in the viewport.

<section> tags are used in all these examples but any element type can be used.

<section show="plinth@background">
    <!-- ... -->
</section>
<section show="echo @ background">
    <!-- ... -->
</section>
<section show="cube@ background">
    <!-- ... -->
</section>
<section show="grid @background">
    <!-- ... -->
</section>

Any spaces in the data-pd-show syntax are fine.