98.css构建类似 Win 98 界面的 CSS 库

联合创作 · 2023-09-23 07:25

98.css 是一个用于构建类似 Windows 98 界面的 CSS 库。

该库依赖于语义 HTML 的用法,例如要编写按钮,需要使用 <button>,输入元素需要标签,图标按钮依赖于 aria-label。支持的组件包括:Button、Checkbox、OptionButton、GroupBox、TextBox、Dropdown、window(Title Bar、Window contents)与 TreeView。

98.css 不包含任何 JavaScript,仅使用一些 CSS 来设置 HTML 样式,这意味着它与前端框架不会有兼容问题。

如下是 98.css 与 React 一起使用的示例:

https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js

与纯 JavaScript 一起使用的示例:

https://codesandbox.io/s/late-sound-miqho?file=/index.html

使用 98.css 最快的方法是从 unpkg 导入:

<link
  rel="stylesheet"
  href="https://unpkg.com/98.css"
>

 

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报