Pattern.css

栏目: IT技术 · 发布时间: 4年前

内容简介: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

Pattern.css

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

How to Think About Algorithms

How to Think About Algorithms

Jeff Edmonds / Cambridge University Press / 2008-05-19 / USD 38.99

HOW TO THINK ABOUT ALGORITHMS There are many algorithm texts that provide lots of well-polished code and proofs of correctness. Instead, this one presents insights, notations, and analogies t......一起来看看 《How to Think About Algorithms》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具