Skip to content

Instantly share code, notes, and snippets.

@kyrasteen

kyrasteen/snap_animation.md

Last active August 29, 2015 14:21
Show Gist options
  • Save kyrasteen/2f6897049a1c09444374 to your computer and use it in GitHub Desktop.
Save kyrasteen/2f6897049a1c09444374 to your computer and use it in GitHub Desktop.
Download ZIP
Snap.js animation lightning talk
Raw
snap_animation.md

Animation with Snap.js

All about SVG

definition: Scalable Vector Graphics, why are they so AWESOME

  • inline/on the fly
  • from illustrator type tool
  • properties/examples (line, polygon, rectangle)

SVG and css animations

...examples(transform, rotate, transition)

more advanced animations with Snap.js (name others like it too!)

  • examples of built in functions (bounce, matrix, ....)
  • a few examples of simple animations with those functions
  • how js libraries build off of css animations
  • code review, puting different animations together
  • Final big example of robot!

SVG and animation in the wild

a few examples of people doing amazing things with svg and js animation

resources

@rwarbelow
Copy link

looks good!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment