Pellicules photo
Choisis une pellicule et la photo change de couleurs, de contraste et de grain comme si elle avait été développée avec ce film.
Réglages
Code
<fieldset class="uvq05-fr"><legend>Pellicule</legend><div class="fm"><div class="ph"><svg viewBox="0 0 200 120" preserveAspectRatio="xMidYMid slice" aria-hidden="true"><defs><linearGradient id="uvq05-fr-s" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#6fb7e9"/><stop offset="1" stop-color="#ffd9a8"/></linearGradient></defs><rect width="200" height="120" fill="url(#uvq05-fr-s)"/><circle cx="148" cy="36" r="13" fill="#ffd25e"/><path d="M0 78L38 44L62 64L92 30L128 70L152 52L200 82V120H0Z" fill="#4f7a64"/><path d="M0 88L30 70L70 86L110 66L150 84L200 74V120H0Z" fill="#2f5446"/><rect y="94" width="200" height="26" fill="#3d8fc4"/><path d="M20 102h40M90 109h50M150 100h30" stroke="#bfe3f7" stroke-width="1.6" stroke-linecap="round" opacity=".7"/><path d="M118 85h18v9h-18z" fill="#c8432b"/><path d="M115 86l12-9 12 9z" fill="#7a2a1c"/><rect x="124" y="88" width="4" height="6" fill="#ffe2a0"/></svg><i class="tn"></i><svg class="gr" aria-hidden="true"><filter id="uvq05-fr-n"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(#uvq05-fr-n)"/></svg></div></div><div class="rl"><label><input type="radio" name="uvq05-fr" checked><span class="cn" style="--b:#f2b134" aria-hidden="true"><i class="ld"></i><i class="cp"></i><span class="bd"><b>400</b></span><i class="cp b"></i></span><span class="nm">Chaude</span></label><label><input type="radio" name="uvq05-fr"><span class="cn" style="--b:#2b2b2b" aria-hidden="true"><i class="ld"></i><i class="cp"></i><span class="bd"><b>400</b></span><i class="cp b"></i></span><span class="nm">Noir et blanc</span></label><label><input type="radio" name="uvq05-fr"><span class="cn" style="--b:#2f7d4f" aria-hidden="true"><i class="ld"></i><i class="cp"></i><span class="bd"><b>50</b></span><i class="cp b"></i></span><span class="nm">Diapositive</span></label><label><input type="radio" name="uvq05-fr"><span class="cn" style="--b:#3a7bd5" aria-hidden="true"><i class="ld"></i><i class="cp"></i><span class="bd"><b>200</b></span><i class="cp b"></i></span><span class="nm">Froide</span></label><label><input type="radio" name="uvq05-fr"><span class="cn" style="--b:#c6352f" aria-hidden="true"><i class="ld"></i><i class="cp"></i><span class="bd"><b>800</b></span><i class="cp b"></i></span><span class="nm">Tungstène</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 Filtres
Voir tout : FiltresOù l’utiliser
Un sélecteur de filtres pour les éditeurs photo et les applis d'appareil qui présente chaque rendu comme une vraie cartouche de film avec son ISO sur l'étiquette. L'aperçu est une scène SVG dans une bande de négatif, et chaque pellicule applique des filtres CSS, une teinte en lumière douce et un grain animé. La sélection est un groupe radio géré en CSS.
Modifie les valeurs de filtre pour créer tes propres rendus, comme un été délavé ou une diapo traitée croisée. Remplace le SVG par une vraie image en production et garde des noms courts pour qu'ils tiennent sous chaque pellicule.