按钮
Frosted button that stays legible over any photograph
- 基础骨架
inline-flex items-center gap-2 rounded-full transition-all duration-300 ease-out active:scale-[0.98]- 变体
- 毛玻璃、琥珀、幽灵
- 状态
- hover
沉浸摄影组件配方
inline-flex items-center gap-2 rounded-full transition-all duration-300 ease-out active:scale-[0.98] bg-white/12 backdrop-blur-md border border-white/30 text-white hover:bg-white/20 hover:border-white/50卡片
Full-bleed photo card with a gradient scrim caption
- 基础骨架
relative overflow-hidden rounded-2xl bg-[#1A1C22]- 变体
- 照片、带框
- 状态
- hover
输入框
Frosted field readable over imagery
- 基础骨架
bg-white/10 backdrop-blur-md border border-white/25 rounded-full px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/60 focus:bg-white/15 transition-all duration-300- 变体
- 毛玻璃、实底
- 状态
- focus