CSS Styled Shape
The widget will create a square, rectangle, round or oval shape with border and/or box shadow using pure CSS. Unlike the default EverWeb shapes, it doesn't add any images when using a shadow to slow page download speed.
The background can be a solid color or a gradient with adjustable angle and an opacity control.
There are controls for border width, color and radius and box shadow blur, spread and color. Checking a box turns a square to circle and a rectangle to an oval.
The image below shows how the widget can create a transparent overlay with a border or, in this case, a box shadow. In this example the background is set to red with 30% opacity.
If the opacity is set to zero, it provides a transparent overlay to prevent the image being downloaded using right click.