Classes & snippets

The toolbar's Add class button offers any image-targeting CSS class it finds in your vault's enabled CSS snippets, each individually toggleable. The plugin also ships example decoration snippets — rounded, shadow, bordered, circle — that surface through the same mechanism.

Install them once: Settings → Live Image Editor → Install example snippets (already installed and enabled in this vault). They are editable; a Reset restores the shipped version.

A class is stored as a plain .class token in the block (e.g. {.rounded width=360}), so it stays a normal CSS class — portable and inert without the plugin.

Rounded corners — .rounded

Soft drop shadow — .shadow

Rounded + shadow together

Border — .bordered

Circle mask — .circle

The square sample clipped to a circle.

A class combined with a transform

Rounded corners on a 90°-rotated, sepia-toned image.