Paroi coulissante en verre cannelé
Une paroi en verre cannelé qui découpe le salon en bandes inversées ; faites-la glisser par la poignée et elle file avec élan.
Réglages
Code
<div class="uvq11-reed" style="--px:2em"><div class="sc" aria-hidden="true"></div><div class="pn"><div class="fl" aria-hidden="true"><span style="--i:0"><i></i></span><span style="--i:1"><i></i></span><span style="--i:2"><i></i></span><span style="--i:3"><i></i></span><span style="--i:4"><i></i></span><span style="--i:5"><i></i></span><span style="--i:6"><i></i></span><span style="--i:7"><i></i></span><span style="--i:8"><i></i></span><span style="--i:9"><i></i></span><span style="--i:10"><i></i></span><span style="--i:11"><i></i></span><span style="--i:12"><i></i></span><span style="--i:13"><i></i></span><span style="--i:14"><i></i></span><span style="--i:15"><i></i></span><span style="--i:16"><i></i></span><span style="--i:17"><i></i></span><span style="--i:18"><i></i></span><span style="--i:19"><i></i></span></div><span class="fr" aria-hidden="true"></span><span class="hd" role="slider" tabindex="0" aria-label="Paroi en verre" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" aria-valuetext="20 %"></span></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 Liquid Glass
Voir tout : Liquid GlassOù l’utiliser
Le verre cannelé, tendance déco du moment, reconstruit en CSS. La paroi se compose de vingt bandes étroites, chacune portant une copie du salon comprimée et retournée autour de son propre centre, si bien que la lampe et les plantes se brisent en rubans comme derrière un vrai verre strié. Un reflet répété donne à chaque cannelure son arrondi.
Faites glisser la paroi ou utilisez la poignée comme curseur avec les flèches ; lâchée avec élan, elle continue sur sa lancée et rebondit doucement aux extrémités. Réglez la compression des cannelures et les couleurs de la lampe et de la plante pour un site de déco, d’hôtel ou d’architecture.