Clip

The .clip {shape} block function clips its content to a defined shape.

Supported shapes:

• circle

Example 1

![Sky](assets/sky.jpg)

.clip {circle}
    ![Sky](assets/sky.jpg)

Figures

When clipping a figure, only the content is affected, leaving the caption intact:

Example 2

![Sky](assets/sky.jpg "A blue sky.")

.clip {circle}
    ![Sky](assets/sky.jpg "A blue sky.")

General content

Clipping works with any content, not just images. Here a container is used:

.clip {circle}
    .container padding:{2cm} background:{teal}
        #! Hello!