Deckard Demo - 02 Config

Slide 1

This is a deckard slide.

This page contains some Deckard config overrides, which are specified by defining Deckard before including the script, like so:

<script>
  Deckard = { transition:'fade' };
</script>
<script src="deckard.js"></script>

Slide 2

This is another deckard slide.

It doesn't do much, but uses the same default transition as the first.

Slide 3

This is another deckard slide.

I have a different animation style to the default. The change in animation was specified declaritively in my HTML by adding this attribute:
data-deckard-transition="drop"

Note the change in direction as you navigate into and out of this slide forwards and backwards.

Slide 4

This is another deckard slide.

I also have the "drop" transition applied.

Slide 5

This is another deckard slide.

It doesn't do much, but uses the same default transition as the first.