I am currently using SnapSvg and faced some problem in animation.
I have an element say circle and want it to appear with fade in animation after 10 seconds of page loading.
We can perform it like following in HTML5 SVG 

```
<circle id="c1" cx="50" cy="30" r="26" fill="#ff0000" opacity="0" />
<set xlink:href="#c1" attributeName="opacity" attributeType="CSS" from="0" to="1" />

```

In SnapSVG also we can create animation without timing as follow:

```
var c1=page.circle(50,30,26);
c1.attr({
fill:"#ff0000",
opacity:0
});
c1.animate({opacity:1},1000);

```

But I am really unable to apply timing on the second case.
Somebody please help.