Goutte d'encre de Chine
Sur du papier de riz, une goutte d'encre de Chine tombe, s'étale sur l'option choisie et change l'épaisseur du trait.
Réglages
Code
<fieldset class="uvq04-ink"><legend>Épaisseur du trait</legend><svg class="fx" width="0" height="0" aria-hidden="true"><filter id="uvq04-ink-f"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" seed="4"/><feDisplacementMap in="SourceGraphic" scale="5"/></filter></svg><svg class="pv" viewBox="0 0 200 46" aria-hidden="true"><path pathLength="1" d="M14 32C42 6 64 42 94 22S152 6 186 28"/></svg><span class="hk" aria-hidden="true">墨</span><div class="op"><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Pinceau fin</span></label><label><input type="radio" name="uvq04-ink" checked><span class="dt" aria-hidden="true"></span><span class="tx">Pinceau moyen</span></label><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Pinceau large</span></label></div></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons radio
Voir tout : Boutons radioOù l’utiliser
Trois épaisseurs de pinceau reposent sur un papier de riz chaud, avec un petit sceau rouge dans le coin. En choisir une fait tomber une goutte d'encre dans le cercle, qui s'épanouit en tache irrégulière grâce à un filtre SVG de turbulence pour le bord déchiré. Le trait d'exemple se redessine à la nouvelle épaisseur, pour les applis de dessin et la papeterie.
La couleur principale est l'encre et la secondaire le sceau : une encre indigo ou sépia reste naturelle. Le filtre est dans le bloc avec un id préfixé ; garde-en un par page et renomme les trois options en stylos, plumes ou graisses de trait.