EverWeb Widgets HTML5

3D Image - Optional Caption

3D Image Widget
Image 3D Frame Widget
Image Caption Using a Google Hosted Font
icon button widget

Drop Shadow Using CSS

The image is set in an HTML5 figure element with alt text and figcaption.
The "frame" has adjustable padding and can have rounded corners.
The curved bottom drop shadow is created using CSS and can be styled for color.
The all round box shadow is adjustable for radius and color.
The image itself can also have rounded corners and its own box shadow to increase the 3D effect.

Widget Settings

Choose the image from the Asssets List, enter alt text for SEO and a caption if required.
Enter the caption font family, check the box if it is Google hosted and select a suitable web safe fallback font.
Set the caption font size, color and padding.
Select the frame background color and the value for top and left/right padding.
Adjust the bottom padding to suit.
Set the frame box shadow radius and color and the corner radius if required.
Set the bottom drop shadow color.
Set the image corner radius and box shadow color and radius if required.

Get The Widget