JavaScript – CSS SVG animation for a slider.

I have a mock up image for SVGCSS animation for slider here and I want to implement it in CSS.

Animation consists of a balloon containing the value of the current number and must be zoomed in and out from left to right or from right to left.

Right now I’m at the starting point and I’m a little lost on how to fix it. The main problem for me is how to zoom in or out of this balloon, so the front balloon is overlapping the 2 balloons in the background.

Does anyone have such a pattern or can you tell me the right direction how to solve it?

That would be great, thanks!

Enter image description here.

Write a Comment