Clip

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

Supported shapes:

• circle

![Sky](sky.jpg)

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

 

In case of a figure only the content is affected, leaving its caption intact:

![Sky](sky.jpg "A beautiful sky.")

.clip {circle}
    ![Sky](sky.jpg "A beautiful sky.")

 

Not just images — clipping works with any content. Here a container is used:

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