<container>
  <image id="A" x="0" y="0" width="{screen.width}" height="{screen.height}" opacity="1" rendering="speed" src="screen.srcA" solidity="solid"/>
  <image id="B" x="0" y="0" width="{screen.width}" height="{screen.height}" opacity="0" rendering="speed" src="screen.srcB" solidity="solid"/>
  <action on="DoTransition" onEnd="FinishedTransition" >
    <animate targetNode="B" targetAttr="x" from="{screen.width*0.05}" to="0" dur="200ms" ease="in"/>
    <animate targetNode="B" targetAttr="y" from="{screen.height*0.05}" to="0" dur="200ms" ease="in"/>
    <animate targetNode="B" targetAttr="width" from="{screen.width*0.9}" to="{screen.width}" dur="200ms" ease="in" />
    <animate targetNode="B" targetAttr="height" from="{screen.height*0.9}" to="{screen.height}" dur="200ms" ease="in" />
    <animate targetNode="B" targetAttr="opacity" from="0" to="1" begin="50ms" dur="100ms"/>
  </action>
</container>
