Línea 1 · Col. 1
Feuille de machine à écrire
Le papier avance à chaque lettre comme le chariot d'une machine à écrire, et une clochette sonne en fin de ligne.
Réglages
Code
<div class="uvq06-tw"><div class="win"><div class="pp"><label><span class="sr">Écris ta lettre</span><textarea rows="8" wrap="off" spellcheck="false" placeholder="Écris ta lettre"></textarea></label></div><span class="gd" aria-hidden="true"></span><span class="bl" aria-hidden="true">ding</span></div><div class="pl" aria-hidden="true"><i class="kn"></i><span class="rl"></span><i class="kn"></i></div><div class="ba"><p class="st">Ligne 1 · Col. 1</p></div></div>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 Champs
Voir tout : ChampsOù l’utiliser
Un champ d'écriture construit autour du mouvement d'une vieille machine à écrire : la zone de texte repose sur une feuille qui glisse vers la gauche à chaque caractère et revient d'un coup de ressort sur Entrée. Le CSS déplace le papier avec deux variables et quelques lignes de JavaScript suivent le curseur. Il convient aux lettres, aux journaux intimes et aux pages nostalgiques.
Change la couleur de l'émail et du papier selon ta marque, de l'olive et crème au noir et blanc. Garde des lignes courtes, une trentaine de caractères, et associe-le à un bouton d'envoi sobre pour que la machine reste au centre.