Section dividers (Transition elements)
Description
Section dividers can be used to create a more dynamic appearance on the page.
Section dividers are used as transition elements between sections that have backgorund colors.
Positioning
- Rotation
- Default
- Reverse - Reverse horizontal
- Rotate - Rotate vertical
- Absolute
- Default (relative)
- Absolute
Background colors
- Primary
- Primary decorative
- Secondary decorative
- Body
- White
- Footer color
Templates
- Slope
- Wave
- Subtle wave
- Tilt
- Triangle
- Line
- Custom: Insert SVG
Slope CSS
Wave
Wave subtle
Tilt
Triangle
Line
Absolute positioning - rotate
Slope absolute
Wave absolute
Wave subtle absolute
Tilt absolute
Triangle absolute
Absolute positioning
Slope absolute
Wave absolute
Wave subtle absolute
Tilt absolute
Triangle absolute
Custom: Custom dividers need to be colored beforehand & has darkmode version
Custom absolute
Custom absolute