Inspired by Tom Preston-Werner's and Tim Holman's works, I decided to create a few more variants of animated corners with octocat for my projects. But I will be glad if this work is useful for your pages too.

These variants do not require JavaScript and additional files. They use only SVG's vector paths so don't lose quality when zooming.

Just choose a variant, change colors if you need (fill and color values on the main <svg> element) and add code to your page or website.

Double click a textarea to select code.

• Left with pure CSS
• Right with pure CSS