按钮
Intentionally chaotic button breaking design rules
- 基础骨架
font-mono font-black uppercase rounded-none transition-all duration-100- 变体
- 主要、黄色
- 状态
- hover、active、disabled
反设计组件配方
font-mono font-black uppercase rounded-none transition-all duration-100 bg-[#FF0000] text-white border-4 border-black hover:rotate-1 hover:scale-105 active:scale-95卡片
Mismatched chaotic card
- 基础骨架
bg-[#FFFF00] border-4 border-black rounded-none overflow-hidden- 变体
- 默认
- 状态
- hover
输入框
Deliberately ugly input
- 基础骨架
w-full bg-white border-4 border-black text-black placeholder:text-black/40 focus:outline-none font-mono font-black rounded-none transition-all duration-100- 变体
- 默认
- 状态
- focus、disabled