Animated Obsidian callouts

animated-callouts.css is an Obsidian CSS snippet that modifies the appearance of callouts.

How to use

Note

The following instructions written for Windows desktop. They are likely similar on other platforms but have not been tested.

To use the CSS snippet:

1. In Obsidian, open Settings.
2. Under Appearance → CSS snippets, click Open snippets folder (folder icon).
3. In the opened snippets folder, copy in animated-callouts.css.
4. In Obsidian, under Appearance → CSS snippets, click Reload snippets (refresh icon).
5. To the right of the new animated-callouts entry, click the toggle to enable the snippet.