本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Parallax Editorial

视差杂志组件配方

group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80 bg-[#1A1712] text-[#F5F0E6] px-6 py-3 hover:bg-[#B3401F]
button

按钮

Editorial serif link-button with a brick underline sweep

基础骨架
group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80
变体
主要、链接、低调
状态
hover
card

卡片

Chapter card with serif number and complete hairline frame

基础骨架
border border-[#1A1712]/20 rounded-none pt-5 bg-transparent
变体
章节、嵌入
状态
hover
input

输入框

Paper underline field with a brick focus rule

基础骨架
bg-transparent rounded-none border border-[#1A1712]/25 py-2.5 text-lg text-[#1A1712] placeholder-[#1A1712]/30 focus:outline-none focus:border-[#B3401F] transition-colors duration-300
变体
下划线、边框
状态
focus