Horizontal bevelsand how to use them anywhere
Bevel
A simple Stacks 1 column stack with bevel stacks above and below.
Hover over this area to see the Bevel stacks.
Adding bevel lines above and below a stack is simplicity itself using the Bevel stack intuitive controls.
Bevels can be Up or Down facing and either outward or inward facing.
You can therefore add upward or downward facing double bevels to anything on your page.
Outward Down
Inward Up
Customize the angle, split position, color and even rounding.
Enable the dropzone to put content in your Bevel. Add image backgrounds just like any other stack.
Content in Bevel
Other Controls
Overlay
The overlay control determines how your bevel appears when there is other content in that stack and an image or background color applied to the stack.
Back
Behind the stack background or image.
Behind
Behind the stack dropzone content but in front of the stack background.
Front
In front of the stack dropzone content and the stack background.
Split
Bevels are made up of two triangles. The Split point determines where they meet.
0%
50%
70%
100%
Crop
The crop control determines the visible vertical height of the bevel when it has no content in its dropzone. By cropping more or less of the vertical height you can make the bevel narrower or show vertical sides.
The actual values of the crop are arbitrary and are dependent on the angle selected.
50
100
180
Every project you make has the potential to break new ground. For this you need the tools to do it. Bevel is just one of them.
works in any theme with no dependencies