Opacity
Opacité
L'opacité indique à quel point un élément et ses enfants semblent solides. Elle peut aller de transparent à solide.
Un autre exemple
L'aperçu d'un objet qu'on glisse est plus transparent. La copie qui bouge a l'air différente pendant que la place d'origine reste visible.
Parties principales
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Utilisez-le lorsque
Utilisez-le pour des transitions, superpositions, aperçus ou couches arrière lorsque le contraste reste lisible.
Ne l'utilisez pas lorsque
Ne réduisez pas une boîte entière uniquement pour estomper le texte. Chaque élément enfant et chaque couleur mixée changera.
Nom utilisé dans le code
opacity: 0…1 / alpha channel Avant d'expédier
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Opacité (Opacity). User context: L'aperçu d'un objet qu'on glisse est plus transparent. La copie qui bouge a l'air différente pendant que la place d'origine reste visible. Design concept to apply: Opacité (Opacity). Why it fits: Utilisez-le pour des transitions, superpositions, aperçus ou couches arrière lorsque le contraste reste lisible. Do not use it when: Ne réduisez pas une boîte entière uniquement pour estomper le texte. Chaque élément enfant et chaque couleur mixée changera. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Un document officiel peut quand même être un brouillon, un release candidate, ou la version finale. Vérifie son statut et sa compatibilité avec le navigateur ou la plateforme. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Vérifiez cette demande
Review how Opacité (Opacity) is used now. Definition: L'opacité indique à quel point un élément et ses enfants semblent solides. Elle peut aller de transparent à solide. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.