/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Tigre Pop Art - Peinture par numéros Découvrez l'alliance du sauvage et du sensuel avec la peinture par numéros "Tigre Pop Art" signée Steloria. Cette création invite à libérer votre créativité en toute simplicité : des couleurs vives, des formes graphiques et un rendu moderne qui transforme un panneau en œuvre d'art. Conçue pour séduire les yeux et apaiser l'esprit, cette peinture est idéale pour les amateurs comme pour les créatifs confirmés. Élégance et plaisir de peindre Chaque trait est pensé pour offrir un moment de détente élégant. Les zones numérotées guident la main sans contraindre l'imagination. Les couleurs contrastées et les aplats pop donnent au tigre une présence forte et sophistiquée, parfaite pour sublimer un salon, une chambre ou un bureau. Résultats visibles, fierté garantie En quelques séances, vous obtenez une pièce aboutie, digne d'être encadrée. La texture satinée des peintures offre un rendu professionnel et lumineux. Vous repartez avec une œuvre personnelle, riche en caractère et en émotion. Contenu, utilisation et avantages Ce que comprend le kit Toile imprimée au grain fin, numérotée pour chaque zone Un ensemble de peintures acryliques aux couleurs intenses Deux pinceaux de qualité pour détails et aplats Notice simple et guide de teintes pour un rendu fidèle Comment l'utiliser Posez la toile à plat ou sur un chevalet. Commencez par les grandes zones pour harmoniser les couleurs. Affinez avec le petit pinceau pour les détails du visage et des yeux. Laissez sécher, puis admirez ou encadrez votre œuvre. Pourquoi choisir Steloria Qualité des matériaux pour un rendu durable et lumineux. Expérience accessible : pas de compétence requise. Format pensé pour décorer sans encombrer. Idée cadeau chic et originale pour amateurs d'art et déco. Offrez-vous un moment intime et créatif avec "Tigre Pop Art" de Steloria. Transformez une toile en une déclaration visuelle - simple, sensuelle et résolument contemporaine. Description Modèle : Tigre Pop ArtMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadre ou toile montée sur cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : roulé dans un emballage sécurisé // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
Related
Related
Related
Related