Skip to content

SVG Ironman

cssdeck.com
26 pointsbinarydreams5 comments
On HN

Comments

Similar to this--Polygon had some nice looking SVG line animations for their Xbox One and PS4 reviews. PS4 one seems to cause a major slowdown for me though.

http://www.polygon.com/a/xbox-one-review & http://www.polygon.com/a/ps4-review

Is there an editor/wrapper around SVGs that helps create animation? Or does it have to be done by hand?

It's actually a CSS rule:

    animation: draw 10s linear infinite;
That's in the .path class, which most of the elements in the SVG are classed as. Works really well!

If anyone is looking for a slow version – http://cssdeck.com/labs/hbuvchec

sweet

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.