Configurez uniquement la région qui nécessite un comportement différent :

import { Backdrop, GlassPrimitive } from "@liquidify/glass"

export function VideoControls() {
  return (
    <Backdrop type="high">
      <GlassPrimitive as="nav" aria-label="Playback controls">
        {controls}
      </GlassPrimitive>
    </Backdrop>
  )
}

Utilisez static pour les arrière-plans fixes, low pour le contenu courant et high pour les changements continus. Cette déclaration permet de choisir la stratégie sans inspecter ni capturer la page.

• Préférez une surface conteneur à plusieurs couches décoratives superposées.
• Gardez petites les régions avec animation continue.
• N’appliquez pas de verre aux éléments invisibles ou dupliqués.
• Virtualisez les longues listes avant d’ajouter des traitements coûteux à chaque ligne.
• Gardez stables les objets de style utilisés avec useGlass pour profiter de la mémoïsation.

Mesurez le défilement, l’ouverture des superpositions et l’animation continue dans chaque moteur. Chrome peut afficher la réfraction complète ; Safari et Firefox utilisent le flou et les reflets statiques. Vérifiez séparément le mouvement réduit.

Utilisez la prop perf uniquement lorsqu’elle est documentée. Préférez Backdrop pour configurer une région.