/* 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; } Elephant Pop Art - Peinture par numéros Laissez-vous séduire par Elephant Pop Art, une peinture par numéros qui transforme un instant créatif en une œuvre riche et sensuelle. Des couleurs vives et contrastées dessinent la silhouette noble de l'éléphant, tandis que chaque nuance s'étire en douceur sur la toile. Ce kit invite à la concentration et à la détente, pour un résultat moderne digne d'une galerie. Une expérience simple et raffinée Conçu pour tous les niveaux, ce kit séduit par sa clarté et sa qualité. Les zones numérotées guident la main, les pigments couvrent uniformément, et la texture finale révèle des aplats saturés et agréables au regard. En quelques heures, vos gestes deviennent précis, votre rythme calme : la création devient un rituel délicat. Résultat prêt à sublimer votre intérieur Le tableau fini offre un impact visuel immédiat. Les lignes pop art contemporaines et les couleurs intenses attirent l'œil et apportent du caractère à un salon, un bureau ou une chambre. Encadré simplement, Elephant Pop Art devient le point focal qui transforme l'ambiance. Contenu du kit et conseils pratiques Ce que vous trouverez dans la boîte Toile pré-imprimée avec numéros, sur support de qualité facile à tendre Palette de peintures acryliques aux pigments riches et opaques Plusieurs pinceaux de tailles variées pour détails et remplissages Guide d'instructions clair et astucieux, adapté aux débutants Conseils pour un fini professionnel Commencez par les grandes zones puis passez aux détails pour éviter les bavures Respectez un temps de séchage entre couches pour des couleurs nettes (24–48h selon épaisseur) Nettoyez les pinceaux à l'eau tiède immédiatement après usage Encadrez sur un fond neutre pour intensifier les contrastes Offrez-vous ce moment créatif, seul(e) ou à deux, pour partager la joie du résultat Elephant Pop Art est bien plus qu'un kit : c'est une parenthèse sensuelle et élégante où la couleur et la forme se rencontrent. Parfait pour un cadeau réussi ou pour enrichir votre décor, il promet une satisfaction immédiate et durable. Créez, exposez, et laissez votre intérieur rayonner. Description Modèle : Elephant 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