Files
ndsolutionswebsite/.agents/skills/glassmorphism-glow-effects/SKILL.md
2026-07-07 00:35:37 +02:00

783 B

name, description
name description
glassmorphism-glow-effects Glassmorphism and glow guidelines (Matte Boxen, Background Aurora Glows, Reactive Micro-Interactions).

Glassmorphism & Glow Effects Guidelines

  • Matte Boxen (Glassmorphismus): Gestalte Kacheln mit transluzenten Ebenen und extrem feinen Rändern: bg-slate-900/50 backdrop-blur-md border border-white/[0.08].
  • Background Aurora Glows: Platziere extrem weiche, farbige Lichtpunkte hinter den Kacheln für visuelle Tiefe: bg-sky-500/10 blur-[120px] absolute pointer-events-none.
  • Reactive Micro-Interactions: Jede Kachel muss auf Hover edel reagieren: Leichtes Anheben, Erhöhung der Rand-Helligkeit und Intensivierung des Glows (transition-all duration-300 hover:scale-[1.01] hover:border-sky-500/30).