Shape Dividers
The Best Way to modernize your Sections! Period. Convert your Background Sections into Great Looking Blocks using our wide range of Shape Dividers with great flexibility options.
Usage
<div class="shape-divider" data-height="120" data-shape="mountains-3" data-outside="true" data-flip-vertical="true"></div>Settings
| Setting | Description |
|---|---|
data-shape | Choose the Type of your Shape Divider Example: mountain |
data-position | Select the position for your Shape Divider relative to the Contaier Example: top |
data-width | Enter a Width (int) of your Shape Divider. Minimum 100 |
data-height | Enter a Height (int) for your Shape Divider |
data-fill | Enter a HEX or RGB Color for your Shape Divider Example: #FFF |
data-outside | Enable/Disable this Option to position your Shape Divider outside the Container |
data-flip | Enable/Disable this Option to flip your Shape Divider horizontally |
data-flip-vertical | Enable/Disable this Option to flip your Shape Divider vertically |
data-front | Enable/Disable this Option to bring the Shape Divider on top of the Content Example: true |