Schneller Tipp Verwandeln Sie SVGs mit Shape Shifter ganz einfach

In dem heutigen schnellen Tipp zeige ich Ihnen, wie Sie eine SVG-Form mit einer Form namens Shifter von Alex Lockwood in eine andere verwandeln.

Screencast anschauen

 

Shape Shifter nimmt (unter anderem) importierte SVGs und verwandelt sie automatisch ineinander. Solange die beiden SVGs die gleiche Anzahl von Pfadknoten haben, ist die Animation zwischen den Formen vollkommen glatt.

In diesem kurzen Tipp nehmen wir ein "Hamburger-Menü" -Symbol und verwandeln es in ein "Schließen" -Symbol (ein ziemlich klassischer Anwendungsfall)..

Schauen Sie sich das Video an, um zu sehen, wie es gemacht wird!

Nützliche Ressourcen

  • shapeshifter.design
  • SVG-Tutorials zu Tuts+