按钮
Floating button with blur background for parallax sections
- 基础骨架
font-medium rounded-full backdrop-blur-md transition-all duration-300- 变体
- 玻璃、实心、轮廓
- 状态
- hover、active、disabled
视差滚动组件配方
font-medium rounded-full backdrop-blur-md transition-all duration-300 bg-white/20 text-white border border-white/30 hover:bg-white/30 hover:scale-105 active:scale-95卡片
Semi-transparent content card with blur effect
- 基础骨架
backdrop-blur-sm rounded-2xl shadow-xl transition-all duration-300- 变体
- 浅色、深色、玻璃
- 状态
- hover、active、disabled
输入框
Glass input for immersive parallax sections
- 基础骨架
w-full bg-white/20 backdrop-blur-md text-white placeholder:text-white/60 rounded-full border border-white/30 focus:outline-none focus:border-white/60 transition-colors duration-300- 变体
- 玻璃、实心、深色
- 状态
- focus、disabled
视差区块
Full-screen section with fixed background for parallax effect
- 基础骨架
relative min-h-screen bg-fixed bg-cover bg-center flex items-center justify-center- 变体
- 默认、粘性
- 状态
- hover、active、disabled
导航
Fixed floating navigation with blur background
- 基础骨架
fixed top-0 left-0 right-0 z-50 px-8 backdrop-blur-lg border border-white/10- 变体
- 玻璃、实心
- 状态
- hover、active、disabled
过渡分隔
Gradient divider between parallax sections
- 基础骨架
flex items-center justify-center- 变体
- 渐变、纯色、淡出
- 状态
- hover、active、disabled