EverWeb Widgets HTML5

Image Crop Round

Image Crop Round Widget

Circular Crop

This widget will crop out a circle or oval from an image using pure CSS. A box shadow can be added if required.
NOTE that, although the area of the image in view is reduced, the file size is not.

Rectangle Image Crop

Original Image

icon button widget
image round crop widget

Cropped Image

Widget Settings

Choose the image from the Asssets List and enter alt text for SEO.
Set the widget width and height to the required cropped size using the drag handles or the Metrics inspector.
Adjust the Horizontal and Vertical sliders to bring the required portion of the image into view.
Set the box shadow color and radius if required.

Get The Widget