css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Komori's SVG loop animation is made with animation editor "9va-pi" (http://codepen.io/danjiro/post/9vae-introduction). If animation is broken, hit RERUN. Firefox is nice.


  1. seems to have a lot of rendering issues (chrome, OS X)

    • index problems
    • stuttering animation
    • irregular colors

    Still pretty nice though

  2. Thank you for reporting errors. I'm trying to develop exporting correct SVG animation. I think exporting color gradation has some bugs.

  3. I think SVG is correct.

    Hit RERUN button. The animation runs correctly at first , then it becomes wrong on repeating it.

    It might depend on the response when the number of the objects will exceed the browsers performance.

    Chrome seems to simply skip the visible and hide instructions. Then some objects remains while the animation is repeating.

    Firefox is nice.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.