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

相关文章

Maven中引入 springboot 相关依赖的方式(最新推荐)

《Maven中引入springboot相关依赖的方式(最新推荐)》:本文主要介绍Maven中引入springboot相关依赖的方式(最新推荐),本文给大家介绍的非常详细,对大家的学习或工作具有... 目录Maven中引入 springboot 相关依赖的方式1. 不使用版本管理(不推荐)2、使用版本管理(推

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

mysql的基础语句和外键查询及其语句详解(推荐)

《mysql的基础语句和外键查询及其语句详解(推荐)》:本文主要介绍mysql的基础语句和外键查询及其语句详解(推荐),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋... 目录一、mysql 基础语句1. 数据库操作 创建数据库2. 表操作 创建表3. CRUD 操作二、外键