推荐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

相关文章

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两

Python将大量遥感数据的值缩放指定倍数的方法(推荐)

《Python将大量遥感数据的值缩放指定倍数的方法(推荐)》本文介绍基于Python中的gdal模块,批量读取大量多波段遥感影像文件,分别对各波段数据加以数值处理,并将所得处理后数据保存为新的遥感影像... 本文介绍基于python中的gdal模块,批量读取大量多波段遥感影像文件,分别对各波段数据加以数值处

Golang的CSP模型简介(最新推荐)

《Golang的CSP模型简介(最新推荐)》Golang采用了CSP(CommunicatingSequentialProcesses,通信顺序进程)并发模型,通过goroutine和channe... 目录前言一、介绍1. 什么是 CSP 模型2. Goroutine3. Channel4. Channe

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

Spring Boot 中整合 MyBatis-Plus详细步骤(最新推荐)

《SpringBoot中整合MyBatis-Plus详细步骤(最新推荐)》本文详细介绍了如何在SpringBoot项目中整合MyBatis-Plus,包括整合步骤、基本CRUD操作、分页查询、批... 目录一、整合步骤1. 创建 Spring Boot 项目2. 配置项目依赖3. 配置数据源4. 创建实体类

Java子线程无法获取Attributes的解决方法(最新推荐)

《Java子线程无法获取Attributes的解决方法(最新推荐)》在Java多线程编程中,子线程无法直接获取主线程设置的Attributes是一个常见问题,本文探讨了这一问题的原因,并提供了两种解决... 目录一、问题原因二、解决方案1. 直接传递数据2. 使用ThreadLocal(适用于线程独立数据)

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.