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