Spectre.css-UI框架-程序员导航-媒帮派

官网：picturepan2.github.io
别名：getting-started-spectre-css-css-framework
特性: 🇺🇸US美国
分类： UI框架
热度：16 2
更新：2022-05-20 03:00:02
注意：国外网站，有时会打不开或者很慢

详细介绍

一个轻量级、快速响应的现代CSS框架。

项目的轻量级（~10KB gzip）起点

Flexbox-based，响应式和mobile-friendly布局

优雅设计和开发的元素和组件

Spectre是一个附带项目，它基于一个大型web服务项目多年的CSS开发工作。Spectre只包含现代的基本样式、响应式布局系统、CSS组件和实用程序，并且可以使用Sass/Scss编译器为您的项目修改它。

Spectre.css完全免费使用。如果您喜欢，请考虑通过Paypal或Patreon捐款，以便进一步发展。♥

Getting started

有5种方法可以在项目中开始使用spectrecss框架。您可以手动安装或使用NPM，纱线和鲍尔。

Install manually

下载编译和缩小的spectrecss文件。并将位于/docs/dist的spectre.css包含在您的网站或Web应用程序<head>部分中。

<link rel="stylesheet" href="spectre.min.css" rel="external nofollow" >

从CDN安装

或者，您可以使用unpkg或cdnjs CDN来加载已编译的幽灵.css.

<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css" rel="external nofollow" >

使用NPM安装

$ npm install spectre.css --save

用纱线安装

$ yarn add spectre.css

带凉亭安装

$ bower install spectre.css --save

编译自定义版本

您可以编译的自定义版本幽灵.css. 阅读文档。

文档和示例

Utilities

分隔线加载工具、颜色和显示工具

Experimentals

360-Degree查看器-仅限CSS

Autocomplete

Calendars

旋转木马-仅CSS

比较滑块-仅限CSS

过滤器-仅CSS

Meters

Off-canvas-仅限CSS

视差-仅CSS

Progress

Sliders

Timelines

Browser support

Spectre使用Autoprefixer使大多数样式与早期浏览器兼容，并使用Normalize.css进行CSS重置。Spectre是为现代浏览器设计的。为了获得最佳兼容性，建议使用以下浏览器：

镀铬（最后4）

Microsoft Edge（最后4个）

Firefox（扩展支持版本）

狩猎（最后4）

歌剧（后4）

Internet Explorer 10+

Spectre支持InternetExplorer10+，但Internet Explorer并不完全支持HTML5和CSS3的某些功能。

Spectre.css CSS 框架是一个轻量级、响应式和现代的 CSS 框架，用于更快和可扩展的开发。 Spectre 提供了排版和元素的基本样式、基于 flexbox 的响应式布局系统、纯 CSS 组件和实用程序，具有最佳实践编码和一致的设计语言。

Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.

关注我们

官方公众号·媒帮派

汇聚程序员神器

联系客服

有问题联系客服

Spectre.css

详细介绍