Rask Tips Enkelt Morph SVGs ved hjelp av Shift Shifter

I dagens raske tips skal jeg vise deg hvordan du kan formere en SVG-form i en annen ved hjelp av et verktøy kalt Shape Shifter av Alex Lockwood.

Se Screencast

 

Shift Shifter (blant annet) tar importerte SVGer og morphs dem automatisk til hverandre. Så lenge de to SVGene har samme antall sti noder, vil animasjonen mellom figurene være helt jevn.

I dette raske tipset tar vi et "hamburger meny" ikon og morphing det til et "nært" ikon (en ganske klassisk bruk sak).

Sjekk ut videoen for å se hvordan det er gjort!

Nyttige ressurser

  • shapeshifter.design
  • SVG opplæring på Tuts+