SVG Shape Dividers est un générateur de séparateurs SVG disposant dont le paramétrage est rendu très simple.

Je vous ai déjà présenté quelques générateurs de séparateurs SVG tels que Shape Divider et SVGWaves.

SVG Shape Dividers reprend globalement les mêmes fonctionnalités mais ajoute quelques options bien sympa.

Dans un premier temps, en déplaçant votre souris vers la droite, vous allez pouvoir choisir la forme du séparateur :

Dans la partie gauche, vous allez pouvoir agir sur divers paramètres :

  • le positionnement du séparateur (en haut, à droite, en bas, à gauche)
  • l'étirement des formes
  • la hauteur des formes

Vous avez la possibilité d'animer les formes et de modifier sa vitesse.

Le paramètre "Responsive" vous permet de visualiser sur un écran de tablette ou de téléphone le rendu obtenu.

Une fois que vous avez créé votre forme, cliquez sur le bouton "Copy code" pour obtenir le code CSS à intégrer dans votre application.