SVG Ironman

Posted by binarydreams on Sunday February 23, 2014 @05:46AM
from the cssdeck.com dept.

http://cssdeck.com/labs/ironman-svg-line-animation

( 5 comments | 26 points | on HN )

Re:SVG Ironman by ryanwhitney on Sunday February 23, 2014 @02:03PM (#7287055)

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

[ Parent | on HN ]

Re:SVG Ironman by anilgulecha on Sunday February 23, 2014 @09:37AM (#7285990)

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

[ Parent | on HN ]

Re:SVG Ironman by timdorr on Sunday February 23, 2014 @11:45AM (#7286459)

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!

[ Parent | on HN ]

Re:SVG Ironman by _kushagra on Sunday February 23, 2014 @09:32AM (#7285979)

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

[ Parent | on HN ]

Re:SVG Ironman by gotofritz on Sunday February 23, 2014 @08:57AM (#7285891)

sweet

[ Parent | on HN ]