内容简介：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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
