内容简介:CSS only library to fill your empty background with beautiful patterns.See the full
pattern.css
CSS only library to fill your empty background with beautiful patterns.
See the full documentation
Features
- Only CSS. No JavaScript!
- < 1KB minified and gzipped!
- Supports all modern browsers
- Built Using SCSS.
- Full color control.
Installation
via npm
npm install pattern.css
via cdn
<link href="https://unpkg.com/pattern.css" rel="stylesheet">
download
<link href="dist/pattern.min.css" rel="stylesheet">
Usage
pattern.css can be used with any css framework.
With shorthand framework
<div>...</div>
With bootstrap framework
<div>...</div>
Pattern Classes
| small | medium | large | extra large |
|---|---|---|---|
| pattern-checks-sm | pattern-checks-md | pattern-checks-lg | pattern-checks-xl |
| pattern-grid-sm | pattern-grid-md | pattern-grid-lg | pattern-grid-xl |
| pattern-dots-sm | pattern-dots-md | pattern-dots-lg | pattern-dots-xl |
| pattern-cross-dots-sm | pattern-cross-dots-md | pattern-cross-dots-lg | pattern-cross-dots-xl |
| pattern-diagonal-lines-sm | pattern-diagonal-lines-md | pattern-diagonal-lines-lg | pattern-diagonal-lines-xl |
| pattern-horizontal-lines-sm | pattern-horizontal-lines-md | pattern-horizontal-lines-lg | pattern-horizontal-lines-xl |
| pattern-vertical-lines-sm | pattern-vertical-lines-md | pattern-vertical-lines-lg | pattern-vertical-lines-xl |
| pattern-diagonal-stripes-sm | pattern-diagonal-stripes-md | pattern-diagonal-stripes-lg | pattern-diagonal-stripes-xl |
| pattern-horizontal-stripes-sm | pattern-horizontal-stripes-md | pattern-horizontal-stripes-lg | pattern-horizontal-stripes-xl |
| pattern-vertical-stripes-sm | pattern-vertical-stripes-md | pattern-vertical-stripes-lg | pattern-vertical-stripes-xl |
| pattern-triangles-sm | pattern-triangles-md | pattern-triangles-lg | pattern-triangles-xl |
| pattern-zigzag-sm | pattern-zigzag-md | pattern-zigzag-lg | pattern-zigzag-xl |
License
MIT
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
500 Lines or Less
Amy Brown、Michael DiBernardo / 2016-6-28 / USD 35.00
This book provides you with the chance to study how 26 experienced programmers think when they are building something new. The programs you will read about in this book were all written from scratch t......一起来看看 《500 Lines or Less》 这本书的介绍吧!