返回配方目录
Horizontal Gallery

横滚画廊组件配方

rounded-none font-light uppercase tracking-[0.2em] transition-colors duration-300 bg-[#1A1A1A] text-[#FCFCFA] hover:opacity-80 focus:outline-none focus-visible:ring-1 focus-visible:ring-[#1A1A1A] focus-visible:ring-offset-2 active:opacity-60
button

按钮

Squared-off gallery button with uppercase tracked lettering, no radius and no shadow

基础骨架
rounded-none font-light uppercase tracking-[0.2em] transition-colors duration-300
变体
主要、描边、文字、赤陶
状态
hover、active、focus、disabled
card

卡片

Artwork figure card for the horizontal strip: borderless image area, index, hairline caption

基础骨架
bg-[#FCFCFA] rounded-none shadow-none
变体
作品、墙签、分栏
状态
hover
input

输入框

Visitor-register underline input: transparent field over a hairline that inks on focus

基础骨架
w-full bg-transparent rounded-none border-0 border border-[#E8E6E1] text-[#1A1A1A] placeholder:text-xs placeholder:uppercase placeholder:tracking-[0.2em] placeholder:text-[#8A8A85] focus:outline-none transition-colors duration-300
变体
下划线、细框
状态
focus、disabled