Obsidian animated 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.