演示代码
渐入渐出效果

<!--渐入效果复制-->
<img id="image1" src="01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">

<t:transitionFilter id="ellipseWipe1" targetElement="image1" type="ellipseWipe" subtype="circle" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />

<!--渐出效果复制-->
<img id="image2" src="02.jpg" style="position:absolute; left:200; top:0;" class="time" end="ellipseWipe2.end">

<t:transitionFilter id="ellipseWipe2" targetElement="image2" type="ellipseWipe" subtype="circle" mode="out" begin="ellipseWipe1.end" dur="2" autoreverse="false" repeatcount="1" />