演示代码
渐入渐出效果

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

<t:transitionFilter id="clockWipe1" targetElement="image1" type="clockWipe" subtype="clockwiseTwelve" 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="clockWipe2.end">
<t:transitionFilter id="clockWipe2" targetElement="image2" type="clockWipe" subtype="clockwiseTwelve" mode="out" begin="clockWipe1.end" dur="2" autoreverse="false" repeatcount="1" />