File tree Expand file tree Collapse file tree 1 file changed +7
-0
lines changed Expand file tree Collapse file tree 1 file changed +7
-0
lines changed Original file line number Diff line number Diff line change @@ -16,6 +16,7 @@ See a [live demo](https://yet3.github.io/tailwindcss-bg-patterns/)
1616- [ Installation] ( #installation )
1717- [ Config] ( #config )
1818- [ Example usage] ( #grid )
19+ - [ Pattern offsets] ( #pattern-offsets )
1920- [ Patterns] ( #patterns )
2021 - [ Horizontal lines] ( #horizontal-lines )
2122 - [ Vertical lines] ( #vertical-lines )
@@ -80,8 +81,14 @@ this code will result in:
8081
8182<img src =" ./public/grid.png " alt =" Grid pattern " height =" 200 " />
8283
84+ ## Pattern offsets
85+ Each pattern can be offset using `` bg-pattern-offset-x `` and `` bg-pattern-offset-y ``
86+
87+ Offset also accept arbritary values `` bg-pattern-offset-x-[321px] `` as well as negative values `` -bg-pattern-offset-y-24 ``
88+
8389## Patterns
8490
91+
8592### Horizontal lines
8693
8794See it live [ here] ( https://yet3.github.io/tailwindcss-bg-patterns#x-lines )
You can’t perform that action at this time.
0 commit comments