Dividers
- 5 different Divider Styles for you
- Use with all 8 Colors easily
- Add Classes, IDs and more to the Divider
- Easily Animate the Dividers
Default Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Double Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Shadow Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Fade Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Dotted Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Dashed Divider
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
Use with all Colors
Duis in leo vel risus tincidunt viverra at sit amet purus. Aenean sit amet tincidunt augue. Ut quis adipiscing elit. Nullam consequat nibh posuere nibh auctor, sed bibendum massa tincidunt. Maecenas tristique sit amet orci eu consectetur.
Nullam et ante consectetur odio dapibus malesuada. Aenean ornare, justo quis tempus rutrum, quam diam mattis quam, vitae feugiat est massa at dolor. Fusce rhoncus, justo ac egestas accumsan, arcu dui vestibulum lectus, id faucibus neque elit ultricies risus.
{divider} {divider type="double" id="myid"}
Parameter Name | Description | Possible values | Default |
---|---|---|---|
type | Alternative Divider Style | double shadow fade dotted dashed |
|
color | A Border Color for the Divider (works not with faded or shadow Divider) | info, warning, danger, white, dark, primary, secondary, tertiary | |
class | Add a optional Class to the Shortcode | ||
id | Add a optional unique ID to the Shortcode | ||
style | Add optinal Style Attributes to the Shortcode | ||
animation | Activates a Animation for this Element | Many, check the Animations Page | |
animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |