Gif pipeline animation to CSS animation

[Wiched]

Hello,

I need to recreate this gif animation to CSS animation so it can be slower and smoother with CSS. The form of the pipelines is really strange for me and i don’t know how to create it with css. Do you have any ideas and suggestions how this can be done?

http://s7.postimg.org/ttkwoxv2z/animation_fl.gif

Regards and best wishes

[Paulie_D]

With CSS…really, really, really hard

The shapes are almost impossible since you’d have multiple HTML elements each with their own animated linear gradients in the background just make each curve.

I’d be looking to an SVG but even then it will be very complex.

[Paulie_D]

Yes, but you’d have separate animations for each ‘pipe’ ..but that’s the general idea.

See what I mean by overusing divs etc?

[Author]

Posts