按钮
Vibrant gradient button with colored shadow and glass variant
- 基础骨架
font-medium rounded-2xl transition-all duration-300- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
现代渐变风组件配方
font-medium rounded-2xl transition-all duration-300 bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white shadow-lg shadow-violet-500/25 hover:shadow-xl hover:shadow-violet-500/30 hover:from-violet-600 hover:to-fuchsia-600 active:scale-[0.98]卡片
Glass-style card with backdrop blur on dark gradient background
- 基础骨架
backdrop-blur-xl bg-white/10 rounded-3xl border border-white/20 transition-all duration-300- 变体
- 默认、渐变、实色
- 状态
- hover
输入框
Translucent glass input for dark gradient backgrounds
- 基础骨架
w-full backdrop-blur-xl bg-white/10 rounded-2xl border border-white/20 text-white placeholder:text-white/40 focus:outline-none transition-all duration-300- 变体
- 默认、磨砂
- 状态
- focus、disabled