Patternbolt : SVG Pattern Backgrounds in Single CSS or SCSS File

      

Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file.

Just put it in your project and add the right class to your elements. You can easily change pattern color and the pattern size changing the background css property, check the demo page to see how to do it. The pattern is added in a “after” element and your original element still be inalterate and ready for manipulations. As they are vectors they never pixelate, not even on retina screens.

svg-patterns

There are 16 available background pattterns but more coming soon.

svg-pattern-background

Demo & Source