按钮
Futuristic Y2K button with metallic sheen and rounded-full shape
- 基础骨架
font-bold rounded-full border border-white/50 transition-all duration-300- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
千禧风格组件配方
font-bold rounded-full border border-white/50 transition-all duration-300 bg-gradient-to-r from-pink-400 via-purple-400 to-cyan-400 text-white shadow-[0_4px_20px_rgba(255,105,180,0.4)] hover:scale-105 hover:shadow-[0_6px_30px_rgba(255,105,180,0.6)] active:scale-[0.98]卡片
Translucent Y2K card with bubble-like glass and pastel gradients
- 基础骨架
bg-gradient-to-br from-white/60 to-pink-100/40 backdrop-blur-md rounded-3xl border border-white/60 shadow-[0_8px_32px_rgba(0,0,0,0.1)] transition-all duration-300- 变体
- 默认、金属、彩虹
- 状态
- hover
输入框
Y2K-style rounded input with metallic gradient and pink focus
- 基础骨架
w-full bg-gradient-to-b from-white to-gray-100 rounded-full border border-gray-200 text-gray-700 placeholder:text-gray-400 shadow-[inset_0_2px_4px_rgba(0,0,0,0.05)] focus:outline-none transition-all duration-300- 变体
- 默认、粉色
- 状态
- focus、disabled
铬金属按钮
Button with metallic chrome gradient and Y2K futuristic sheen
- 基础骨架
font-bold rounded-full border border-white/50 transition-all duration-300- 变体
- 银色、全息、粉色
- 状态
- hover、active、disabled
气泡框架
Frame with bubble/inflatable aesthetic and Y2K translucent feel
- 基础骨架
rounded-3xl backdrop-blur-md border border-white/60 transition-all duration-300- 变体
- 默认、粉色、蓝色
- 状态
- hover
全息徽章
Badge with holographic/iridescent effect and Y2K shimmer
- 基础骨架
inline-flex items-center justify-center font-bold rounded-full border border-white/50 transition-all duration-300- 变体
- 彩虹、银色、粉色
- 状态
- hover