Comment le rendu Liquidify est comparé aux références natives.
Liquidify représente le matériau Liquid Glass en CSS et SVG. L’objectif est de reproduire ses proportions, son comportement et son traitement visuel dans le navigateur.
@liquidify/glass combine flou d’arrière-plan, teinte réfractée, reflets et contenu. Material ou la prop material sélectionnent le traitement :
frosted : davantage d’opacité sur les arrière-plans complexes.regular : équilibre entre transparence et lisibilité.clear : davantage de transparence sur les arrière-plans calmes.Le matériau et la profondeur expriment le regroupement et l’accentuation. Ils ne remplacent pas la sémantique accessible.
Les proportions, rayons, hauteurs, animations et états s’appuient sur les Human Interface Guidelines d’Apple.
Chaque composant est comparé à une référence native capturée dans un simulateur, en thèmes clair et sombre et sur un arrière-plan diagonal. Les captures de référence et les tests de régression permettent de détecter les différences visuelles.
Les images de référence font partie du processus privé de vérification. Elles ne sont pas incluses dans cette documentation publique.
L’effet complet nécessite des fonctions CSS et des filtres SVG modernes. Lorsqu’ils ne sont pas disponibles, le flou et les reflets statiques sont conservés. La sémantique, l’état et la mise en page ne dépendent pas de la réfraction. Consultez les navigateurs compatibles.