Changer la couleur de fond d’une forme SVG de façon aléatoire

10/12/2019 ☼ random ☼ svg

Niveau : ★★★☆☆

Voici l’exemple à étudier sur Codepen. Les commentaires dans le code permettent de suivre les différentes étapes.

1 - Le résultat dans la page

See the Pen random class (with svg) by Nicolas Tilly (@nicolastilly) on CodePen.

Pour aller plus loin :

• Il est possible en CSS de changer l’épaisseur du contour des formes…
• Le dessin des formes SVG peut se faire avec pas mal de liberté sur Illustrator ou Sketch…
• Il est possible de travailler la composition, d’ajouter du texte, des images…

2 - Le code

See the Pen random class (with svg) by Nicolas Tilly (@nicolastilly) on CodePen.