Imprimé du t-shirt
Un t-shirt qui change d'imprimé tout de suite : marinière, pois, vichy ou tartan, chacun avec son échantillon.
Réglages
Code
<fieldset class="uvq04-tee"><legend>Imprimé</legend><div class="pv" aria-hidden="true"><svg viewBox="0 0 100 92"><defs><pattern id="uvq04-tee-st" width="8" height="8" patternUnits="userSpaceOnUse"><rect class="w" width="8" height="8"/><rect class="a" width="8" height="3.4"/></pattern><pattern id="uvq04-tee-dt" width="10" height="10" patternUnits="userSpaceOnUse"><rect class="r" width="10" height="10"/><circle class="w" cx="2.5" cy="2.5" r="1.7"/><circle class="w" cx="7.5" cy="7.5" r="1.7"/></pattern><pattern id="uvq04-tee-gn" width="10" height="10" patternUnits="userSpaceOnUse"><rect class="w" width="10" height="10"/><rect class="r h" width="10" height="5"/><rect class="r h" width="5" height="10"/></pattern><pattern id="uvq04-tee-tt" width="16" height="16" patternUnits="userSpaceOnUse"><rect class="r" width="16" height="16"/><rect class="a h" y="4" width="16" height="7"/><rect class="a h" x="4" width="7" height="16"/><rect class="y" y="13" width="16" height="1"/><rect class="y" x="13" width="1" height="16"/></pattern></defs><path class="sh" d="M34 6C39 12 61 12 66 6L88 15L97 36L81 42L79 87H21L19 42L3 36L12 15Z"/><path class="ln" d="M34 6C39 14 61 14 66 6M19 42L21 17M81 42L79 17"/></svg></div><div class="op"><label><input type="radio" name="uvq04-tee" checked><span class="sw st" aria-hidden="true"></span><span class="nm">Rayures</span></label><label><input type="radio" name="uvq04-tee"><span class="sw dt" aria-hidden="true"></span><span class="nm">Pois</span></label><label><input type="radio" name="uvq04-tee"><span class="sw gn" aria-hidden="true"></span><span class="nm">Vichy</span></label><label><input type="radio" name="uvq04-tee"><span class="sw tt" aria-hidden="true"></span><span class="nm">Tartan</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
Ce groupe de boutons radio habille un t-shirt SVG avec l'imprimé que tu choisis. Quatre échantillons ronds de tissu, marinière, pois, vichy et tartan, sont placés sous le vêtement, et chacun remplace le remplissage du t-shirt par un motif SVG assorti, avec une petite rotation élastique. Pour les boutiques de mode, l'impression à la demande et les lookbooks.
La couleur principale règle les rayures et les bandes du tartan, la secondaire les pois et les carreaux. Pour un nouvel imprimé, ajoute un motif SVG à l'id préfixé et un échantillon en dégradés CSS qui lui ressemble.