Illustration en CSS

Tracing

image avec opacité faible et on trace par-dessus

Illustration responsive

• Créer sa propre unité (ex avec dimensions de l'images 742 (largeur) x 769 hauteur )

--size: 50; /* (taille de l'img) */
--unit: calc((var(--size) / 769) * 1vmin);

• Mesures en cm puis remises à l'échelle
• Utiliser position: absolute et box-sizing: border-box partout (.monIllustration *, after, before)

Techniques

• Utiliser clip-path
• Border radius
• Utiliser des custom properties