diff --git a/README.MD b/README.MD index b3e76e4..dd3bad2 100644 --- a/README.MD +++ b/README.MD @@ -50,6 +50,15 @@ pattern.css can be used with any css framework.
There are many possible designs that can be built with css to use as patterns but I have made only few styles that are commonly seen in many award winning website.
-
-
+
+
Any background pattern works with two or more colors. I made with library with considering two color patterns only.
-
@@ -159,9 +158,17 @@
+ :root {
+ --patternCurrentColor: currentColor;
+ --patternTransparent: transparent;
+ }
+
linear-gradient, radial-gradient,
repeating-linear-gradient and repeating-radial-gradient
- by using these simple pattern
-<div class="pattern-dots-sm slategray h-5"></div>
Use .text-pattern class with background
- patterns to set text color as pattern
<h3 class="pattern-checks-sm bg-mint white text-pattern">PLAY</h3>-
Use .text-pattern class with background
+ patterns to set text color as pattern
<h3 class="pattern-checks-sm bg-mint white text-pattern">PLAY</h3>+
<div class="pattern-dots-md red text-pattern max-w-20pc overflow-visible"> - <h1 class="white">NEXT BEST TEXT</h1> +++++NEXT BEST TEXT
+++++Text container pattern
++-<div class="pattern-dots-md red text-pattern max-w-20pc overflow-visible"> +<h1 class="white">NEXT BEST TEXT</h1> </div>-