开源推荐|10个惊人的复古CSS套件


是否想发现可在下一个项目中使用的非典型 CSS 设计?下面是我最喜欢的一些。

NES.css

NES-style(8bit-like)的 CSS 框架,非常适合您的复古浏览器游戏。

https://nostalgic-css.github.io/NES.css/

RPG UI

Web 中用于老式 RPG GUI 的轻量级纯 CSS 框架;包括按钮,复选框,图标,滑块,光标和许多其他有趣的东西。

http://ronenness.github.io/RPGUI/

98.css & XP.css

98.css 是 Windows 98 风格,不附带任何 JavaScript,因此与任何前端框架兼容。也可用于Windows XP

https://jdan.github.io/98.css/

Wired Elements

一组具有手绘草图外观的常见 UI 元素,以足够的随机性绘制,以确保没有两个渲染完全相同。

https://wiredjs.com/

BOOTSTRA.386

1980 年代的 DOS 启发了 Twitter Bootstrap 主题。

http://kristopolous.github.io/BOOTSTRA.386/

Geo Bootstrap

为现代网络打造的另一个永恒的 Twitter Bootstrap 主题会引起很多怀旧感(如果您的年龄足够大,可以回忆起这些更简单的时代)。

http://code.divshot.com/geo-bootstrap/

PSone.css

受 NES.css 启发的 Playstation 1 样式 CSS 框架

https://micah5.github.io/PSone.css/

PaperCSS

PaperCSS 是一组常见的 UI 元素,外观很酷。

https://www.getpapercss.com/

Terminal CSS

适用于终端爱好者的现代且最小的 CSS 框架。该套件使用纯 CSS 编写,约为 3k gzip。

https://terminalcss.xyz/

Isometric Sass

最后一个是一个库,该库无需使用 JavaScript 即可创建等距的 2D,并充分利用了 CSS 三维转换。

https://morgancaron.github.io/IsometricSass/

结束

瞧!如果您知道其他非典型 CSS 套件,请随时在评论部分中提及它们,希望对您有所帮助!


原文:https://blog.zhangbing.site/2020/12/14/10-amazing-and-retro-css-kits/

来源:https://codeburst.io/

作者:Pierre Avinain


文章作者: 张张
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 张张 !
 上一篇
使用CSS计数器花式玩转列表编号 使用CSS计数器花式玩转列表编号
在网页设计中,以有组织的方式表示数据非常重要,这样用户可以轻松地了解网站或内容的结构。最简单的方法是使用有序列表。 如果你需要对数字的外观进行更多的控制,你可能会认为你需要通过 HTML 或 JavaScript 在 DOM 中添加更多的
2020-12-15
下一篇 
开源推荐|JSONsite:使用JSON文件创建SPA页面 开源推荐|JSONsite:使用JSON文件创建SPA页面
发现一个开源项目,可以让你用一个 JSON 文件创建一个网站。
2020-12-13
  目录