The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Gif pipeline animation to CSS animation

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #196573


    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?

    Regards and best wishes


    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.


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

    See what I mean by overusing divs etc?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.