World Anvil CSS add-on: Magic Mirrors

Add interactive elements to your world's articles!

This is a specific bit of art and coding (CSS and BBCode, with a readme) for use on the world-building platform of World Anvil. It comes with the CSS, Art, and BBCode for all six mirrors. Contact me if you would like to buy only one or another of them! Only those who are of Grandmaster or higher rank on World Anvil will be able to make use of this, due to requiring access to containers! Additionally, it requires the visibility toggle on your world to be turned off -- see below.

Do you want to buy ALL my add-ons at one time at a reduced price? Look no further than the "I want it all" bundle here!

Specifications

Perfect for character portraits or item showcase, these Magic Mirrors hide tasty secrets behind a bit of fun interactive CSS and art. They work best with transparent images being put in them! They fit wonderfully in a sidebar, either above or within the panel, within 2-wide columns next to a sidebar, or within 3-wide columns in a full footer! Each mirror can fit a different amount of content within them, and can support headers, quotes, alouds, and other containers. Clickable things like spoilers or other interactive things won't work on the mirror interior.

If you would like to see the locking spoiler in action and try it yourself, visit this World Anvil page!

Theme Compatibility

All 6 magic mirrors are fully compatible in every base World Anvil theme! The content within the mirrors takes on the formatting of the theme you are using, so certain themes will fit less content in the mirrors than others, because the font size might be slightly bigger or smaller. Personal themes cannot be guaranteed, but I can work with you to make it fit.

NOTES:

Complexity Medium

BS5 Support BS5 and BS3 compatible!

BBCode wordcount Roughly 6 words

CSS line count Roughly 100-150 lines

Requirements Must be Grandmaster or higher rank, and must turn off the visibility toggle on World Anvil (see image below)