Easy Pattern Generator Documentation by KM Online Works v1.0
Table of Contents
User Interface (UI) - top
How to use Easy Pattern Generator user interface
Main Sections:
- Adjustment Controls
- Pattern Display Area
- Pre-Build Templates
Controls Section:
- Pattern Creator / Spacer
- Shapes Width
- Shapes Height
- Opacity / Visibility
- Shapes Radius
- Shapes Colors
- Pattern Styles
- Get Code
How to Generate Pattern - top
When open the generator there are some pre-build templates you can click each of them and use it also you can change these pre-build patterns by using controls.
If you want to change pattern color you can click on colors pallet and select desire color.
Style selection control will change pattern style color switching and design.
You can increase and decrease pattern visibility from opacity control.
Pattern creator can increase and decrease space between shapes and switch thier places.
Width and Height control also create diffren shapes and pattern and thier size.
Shape Radius can smooth shape corner or round the shape.
After generating pattern by using these control settings now time to get code and use it in your HTML project.
- HTML code put in HTML file in desire area where you want to show the pattern.
- CSS code put in CSS file
See the samples files for tutorial
Sources and Credits - top
I've used the following font as listed.
- Google Font - Poppins
- Google Icons