Interrupteur tache d’encre
Sur un papier à lettre ligné, une goutte d’encre se répand et imbibe la piste avec des bords irréguliers et des éclaboussures.
Réglages
Code
<label class="uvq03-ink"><input type="checkbox" role="switch"><span class="pp"><svg width="0" height="0" aria-hidden="true"><filter id="uvq03-ink-f"><feTurbulence type="fractalNoise" baseFrequency="0.07" numOctaves="2" seed="4"/><feDisplacementMap in="SourceGraphic" scale="10"/></filter></svg><span class="bl"><i class="a"></i><i class="b"></i><i class="c"></i><i class="d"></i></span><span class="kn"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3c3 4 6 7.5 6 11a6 6 0 0 1-12 0c0-3.5 3-7 6-11z"/></svg></span></span>Signer à l’encre</label>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 Interrupteurs
Voir tout : InterrupteursOù l’utiliser
Cet interrupteur repose sur une bande de papier ligné avec une marge rouge. À l’activation, le bouton en forme de goutte glisse et une flaque d’encre s’étale derrière lui, avec des bords rugueux qui bavent et quelques éclaboussures. Les bords viennent d’un filtre SVG de turbulence appliqué à de simples cercles. Il convient aux étapes de signature, apps de journal, papeteries et outils d’écriture.
La couleur principale est l’encre, la seconde le papier. Le noir ferro-gallique, le sépia ou un turquoise de stylo plume fonctionnent bien, et la graine du filtre dans le SVG change la forme de la tache.