返回配方目录
Full Page Scroll

全屏滚动布局组件配方

font-semibold transition-colors duration-200 bg-white text-black hover:bg-white/90 active:scale-[0.98]
button

按钮

Bold full-viewport button with large sizing for immersive scroll sections

基础骨架
font-semibold transition-colors duration-200
变体
主要、次要、轮廓
状态
hover、active、disabled
card

卡片

Full-viewport section card with centered content and gradient backgrounds

基础骨架
min-h-screen snap-start flex items-center justify-center text-white transition-all duration-300
变体
默认、深色、鲜艳
状态
hover
input

输入框

Transparent underline input for full-page scroll contact sections

基础骨架
w-full bg-transparent border border-white/30 text-white placeholder:text-white/50 focus:outline-none transition-colors duration-200
变体
默认、实底
状态
focus、disabled