按钮
High contrast black/white button with optical illusion patterns
- 基础骨架
font-sans font-extrabold uppercase tracking-wider rounded-none border-4 border-[#000000] transition-all duration-100- 变体
- 主要、次要、强调
- 状态
- hover、active、disabled
欧普艺术组件配方
font-sans font-extrabold uppercase tracking-wider rounded-none border-4 border-[#000000] transition-all duration-100 bg-[#000000] text-[#ffffff] hover:invert active:scale-95卡片
High contrast card with bold borders and optical patterns
- 基础骨架
bg-[#ffffff] border-4 border-[#000000] rounded-none shadow-[6px_6px_0_#000000]- 变体
- 默认、反转
- 状态
- hover
输入框
High contrast input with bold black/white optical styling
- 基础骨架
w-full bg-[#ffffff] border-4 border-[#000000] rounded-none font-sans font-bold text-[#000000] placeholder:text-[#000000]/30 focus:outline-none transition-all duration-100- 变体
- 默认
- 状态
- focus、disabled