.. style::
   :font_size: 100

.. 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: fade

fade

----

.. style:: :transition.name: roto_zoom

roto_zoom

----

.. style:: :transition.name: jump_zoom

jump_zoom

----

.. style:: :transition.name: shrink_grow

shrink_grow

----

.. style:: :transition.name: move_in_left

move_in_left

----

.. style:: :transition.name: move_in_right

move_in_right

----

.. style:: :transition.name: move_in_bottom

move_in_bottom

----

.. style:: :transition.name: move_in_top

move_in_top

----

.. style:: :transition.name: slide_in_left

slide_in_left

----

.. style:: :transition.name: slide_in_right

slide_in_right

----

.. style:: :transition.name: slide_in_bottom

slide_in_bottom

----

.. style:: :transition.name: slide_in_top

slide_in_top


