按钮
Glossy Aero button with gradient and blur
- 基础骨架
font-sans font-medium rounded-2xl backdrop-blur-sm transition-all duration-200- 变体
- 主要、天空
- 状态
- hover、active、disabled
Frutiger Aero组件配方
font-sans font-medium rounded-2xl backdrop-blur-sm transition-all duration-200 bg-gradient-to-b from-white/90 to-white/60 text-sky-700 shadow-md hover:shadow-lg hover:brightness-105 active:scale-[0.98]卡片
Frosted glass card with sky gradient backdrop
- 基础骨架
bg-white/30 backdrop-blur-xl border border-white/40 rounded-2xl shadow-lg overflow-hidden- 变体
- 默认
- 状态
- hover
输入框
Frosted glass input with soft focus
- 基础骨架
w-full bg-white/50 backdrop-blur-md border border-white/40 text-sky-900 placeholder:text-sky-600/50 focus:outline-none rounded-xl transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled