Skip to Content

Bienvenue !

Posez vos questions !

S'inscrire

Vous devez être inscrit pour interagir avec la communauté.
Cette question a été signalée
Bonjour,

je cherche à recréer un panneau/élément UI au style “liquid glass” (verre fluide : bords très arrondis, léger relief, reflets doux, et réfraction/dispersion animée du fond), idéalement en pur HTML/CSS (JS léger accepté).


Contexte / objectifs

  • Effet plus vivant que le glassmorphism “figé” (type frozen glass).
  • Réfraction du fond (l’arrière-plan doit sembler “onduler” derrière le panneau).
  • Reflet/specular subtil + dégradés internes crédibles.
  • Animation discrète (ondes lentes), respect de prefers-reduced-motion.


Contraintes

  • Compat : Chrome, Safari (iOS compris), Firefox récents.
  • Perf mobile correcte (pas de librairies lourdes).
  • Fallback propre quand backdrop-filter n’est pas dispo.

Ignorer