下面是一套完全统一玻璃风格的设计系统,包含卡片、按钮、输入框、表格等组件,所有元素都采用一致的玻璃拟态设计语言。
<!-- 使用 link 标签引入 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.01kl.cn/CDN/css/texiao/00002.css">
设计特点
完全统一的玻璃风格:
所有组件使用相同的玻璃效果参数
一致的模糊度、透明度和边框样式
统一的阴影和高光效果
组件包括:
玻璃卡片(基础和高光两种变体)
玻璃按钮(4种样式)
玻璃输入框和表单
玻璃风格表格
玻璃工具提示
视觉增强:
悬停状态有微妙的上浮动画
高光卡片带有额外的光线效果
输入框聚焦时有明显的反馈
色彩系统:
主色、次色和强调色都带有透明度
文字颜色适配玻璃背景
所有颜色变量集中管理
实用工具类:
间距、布局和文字样式工具类
响应式网格系统
动画和过渡效果