Working with svg layers for cell animation effect.

[GSdaBlessedFist]

Hello,

I'm attempting to create an animation using stacked svg layers.

The animation is 3 seconds long and was drawn at 16fps.

There are 48 frames all together.

There is one svg element and 48 layers within it.

All layers start off autoAlpha: 0.

I'm staggering their appearance but can't figure out how to work with frame timing and how to make them disappear.

Can some one help please.

See the Pen xxPKaaV?editors=1111 by GuyShifty (@GuyShifty) on CodePen

[PointC]

Hi and welcome to the forum @GSdaBlessedFist.

 

Is this what you needed?

See the Pen dacd3a7defb8cacc8a1556648f50b9a9 by PointC (@PointC) on CodePen

 

Happy tweening and welcome aboard..

 

[GSdaBlessedFist]

That is exactly what I needed.  Thank you, very much.