SVG pattern backgrounds PatternBolt is a selection of SVG pattern background that is packed in a single CSS or SASS (SCSS) file.

You just need to include the CSS file in project and add a class to your element to insert a pattern.

Color palette can be changed by changing the background color of element and the pattern size changing the background size of the ‘:after’ element. As the pattern is added in a ‘:after’ level, DOM element will be handled according to you, adding a bg-color, a bg-picture, a gradient or both.

SVG Pattern Backgrounds Pattern Bolt

SVG Pattern Backgrounds Pattern Bolt