返回配方目录
Arcade CRT

街机CRT组件配方

font-mono uppercase tracking-wider border-2 transition-all duration-200 bg-[#39ff14] text-black border-[#39ff14] shadow-[0_0_10px_rgba(57,255,20,0.4)] hover:shadow-[0_0_20px_rgba(57,255,20,0.6)] active:scale-[0.97]
button

按钮

Retro arcade button with green CRT glow

基础骨架
font-mono uppercase tracking-wider border-2 transition-all duration-200
变体
主要、次要
状态
hover、active、disabled
card

卡片

Dark CRT screen panel

基础骨架
bg-[#0a0a0a] border border-[#39ff14]/30 rounded-none overflow-hidden
变体
默认
状态
hover
input

输入框

CRT terminal input with green text

基础骨架
w-full bg-[#050505] border border-[#39ff14]/40 text-[#39ff14] placeholder:text-[#39ff14]/30 focus:outline-none font-mono rounded-none transition-all duration-200
变体
默认
状态
focus、disabled