推荐10个复古CSS套件

2023-10-18 14:20

本文主要是介绍推荐10个复古CSS套件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

NES.css

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


d44321056790ee29d3fbe91c2ab36ecb.jpeg


RPG UI

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


80a941a8d47f30fa130447f7048757f5.jpeg


98.css & XP.css

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


b69209b5d580afad64ca17d0c6a89a0b.jpeg


Wired Elements

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


027570ec46bdc8bc7bea1c44b844b809.jpeg


BOOTSTRA.386

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


4f21a4971c2a0fb6a39b592e538409e4.jpeg


Geo Bootstrap

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


4a89b1cbd4ec8b62d06e2e95f8fa8c9b.jpeg


PSone.css

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


d1c63d6e0e808fc31dfec609e606dae5.jpeg


PaperCSS

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


7ea9bfba2167c4f0664197916a2d0dce.jpeg


Terminal CSS

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


6f6db7543a9841cb5f245f643a24dc6a.jpeg


Isometric Sass

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


3e3342135fcda2fab61b5374d463797c.jpeg


结束

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

原文链接: 推荐10个复古CSS套件_前端全栈开发者 - SegmentFault 思否
作者:杜尼卜

这篇关于推荐10个复古CSS套件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/233113

相关文章

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

css中的 vertical-align与line-height作用详解

《css中的vertical-align与line-height作用详解》:本文主要介绍了CSS中的`vertical-align`和`line-height`属性,包括它们的作用、适用元素、属性值、常见使用场景、常见问题及解决方案,详细内容请阅读本文,希望能对你有所帮助... 目录vertical-ali

浅析CSS 中z - index属性的作用及在什么情况下会失效

《浅析CSS中z-index属性的作用及在什么情况下会失效》z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fi... 目录1. z-index 属性的作用2. z-index 失效的情况2.1 元素没有定位属性2.2 元素处

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

查看Oracle数据库中UNDO表空间的使用情况(最新推荐)

《查看Oracle数据库中UNDO表空间的使用情况(最新推荐)》Oracle数据库中查看UNDO表空间使用情况的4种方法:DBA_TABLESPACES和DBA_DATA_FILES提供基本信息,V$... 目录1. 通过 DBjavascriptA_TABLESPACES 和 DBA_DATA_FILES

Vue 调用摄像头扫描条码功能实现代码

《Vue调用摄像头扫描条码功能实现代码》本文介绍了如何使用Vue.js和jsQR库来实现调用摄像头并扫描条码的功能,通过安装依赖、获取摄像头视频流、解析条码等步骤,实现了从开始扫描到停止扫描的完整流... 目录实现步骤:代码实现1. 安装依赖2. vue 页面代码功能说明注意事项以下是一个基于 Vue.js