用途:@duskmoon-dev/css-art 是纯 CSS 艺术组件库,提供完全用 CSS 构建的装饰性插画,不含图片、SVG 或 JavaScript。每个作品是自包含的 CSS 类,可通过自定义属性调整。
主要能力:组件涵盖天体类(art-moon、art-sun、art-atom、art-eclipse)、风景类(art-mountain)、天气类(art-snowflake)、交互类(art-plasma-ball、art-circular-gallery)、场景类(art-cat-stargazer、art-flower-animation)、抽象生成类(art-color-spin、art-synthwave-starfield)、游戏类(art-csswitch)、加载类(art-snowball-preloader)和 UI 组件(art-gemini-input)。多数提供尺寸、颜色等 CSS 自定义属性,部分支持变体和无 JS 交互(如 input:checked 切换、CSS anchor 定位)。
使用方式:通过 bun add @duskmoon-dev/css-art、npm install @duskmoon-dev/css-art 或 pnpm add @duskmoon-dev/css-art 安装。CSS 导入 @import "@duskmoon-dev/css-art";,也可按需导入 @import "@duskmoon-dev/css-art/art";。与 @duskmoon-dev/core 同用时按 tailwindcss、core、css-art 顺序导入。使用时在 HTML 中添加对应类名及子元素,例如 <div class="art-moon art-moon-crescent art-moon-glow"></div>。
限制:所有类以 .art- 前缀、自定义属性以 --art- 前缀命名,样式包裹在 @layer css-art 中。颜色使用 OKLCH 格式。未压缩体积约 50 KB,压缩后约 36 KB。开发命令包括 bun run build:css-art、bun run dev:css-art,单元测试在 packages/css-art 下运行 bun test tests/unit。具体浏览器兼容性等资料暂未提供。