100% AI Generated Code
This add-on adds a liquid-glass style background to the text. Dynamic resizing of this background provides a smooth transition between question and answer and between cards. Works well with Anki Redesign and custom backgrounds.
β¨ Features
Liquid Glass Aesthetic: A semi-translucent card style with customizable background blur and saturation.
Liquid Resizing: Watch your card "stretch" and "bounce" when moving from Question to Answer. No more jarring layout jumps.
Smart Dark Text (Optional): A built-in engine that detects light-colored text (common in many shared decks) and automatically converts it to dark grey to ensure readability against the glass background.
Fully Customizable: Tailor the experience to your taste via the settings menu.
βοΈ Customization Options
Access the settings via the Tools menu to adjust:
Animation Speed: Control how fast the card transitions.
Spring Bounciness: Add a subtle "snap" or a heavy "bounce" to the resize animation.
Blur Intensity: Adjust the "frostiness" of the glass pane.
Max Width: Ensure your cards look great on ultra-wide monitors by capping the card width.
π How it Works
This add-on works by wrapping your card's HTML in a custom container. It is compatible with most standard note types. It includes specific logic for "Basic" cards to add a stylish glass divider between the question and answer.
Note: For the best effect, use a high-quality, colorful image as your Anki background!
Update: Made Basic cards more readable by adding spacing and a line between question / answer text
Update: Made settings menu look nicer