Astuce Facilement Morph SVGs en utilisant Shape Shifter

Dans le conseil rapide d'aujourd'hui, je vais vous montrer comment transformer une forme SVG en une autre à l'aide d'un outil appelé Shape Shifter par Alex Lockwood..

Regarder Screencast

Shape Shifter (entre autres) prend les SVG importés et les transforme automatiquement en un autre. Tant que les deux SVG ont le même nombre de nœuds de chemin, l'animation entre les formes sera parfaitement fluide.

Dans cette astuce, nous allons prendre une icône "Menu hamburger" et la transformer en une icône "Fermer" (un cas d'utilisation assez classique)..

Regardez la vidéo pour voir comment c'est fait!

Ressources utiles

• shapeshifter.design
• Tutoriels SVG sur les Tuts+