.. style::
   :font_size: 100
   :transition.duration: 2

.. layout::
   bgcolor: silver
   image:pyglet-trans-64.png;halign=right;valign=bottom
   quad:C#ffc0a0;V0,h;V0,h-48;Vw,h-48;Vw,h
   quad:C#ffc0a0;V0,0;V0,64;Cblack;Vw,64;Vw,0
   viewport:0,64,w,h-(64+48)

first page, no transition

----

.. style:: :transition.name: flip_x

flip_x

----

.. style:: :transition.name: flip_y

flip_y

----

.. style:: :transition.name: flip_angle

flip_angle

----

.. style:: :transition.name: shuffle

shuffle

----

.. style:: :transition.name: turn_off_tiles

turn_off_tiles

----

.. style:: :transition.name: fade_top_right

fade_top_right

----

.. style:: :transition.name: fade_bottom_left

fade_bottom_left

----

.. style:: :transition.name: fade_up

fade_up

----


.. style:: :transition.name: fade_down

fade_down

----

.. style:: :transition.name: corner_move

corner_move

----

.. style:: :transition.name: envelope

envelope

----

.. style:: :transition.name: split_rows

split_rows

----

.. style:: :transition.name: split_cols

split_cols

