Liquid Glass [Semi-transparent Text Background for improved visibility]

AnkiWeb addon 1546589134

Adds a customizable liquid-glass text background with animated resizing for smooth transitions, blur/saturation controls, optional smart dark text, and adjustable speed, bounciness, and max width.
AI-generated summary; may contain mistakes.

formattingappearanceaccessibility

Open on AnkiWeb Ask about alternatives

AnkiWeb

Rating
3 (๐Ÿ‘ 3 ยท ๐Ÿ‘Ž 0)
Updated
2026-05-13
Anki versions
2.1.1~
Description language
en

Maintenance

active

  • Last update or commit was 141 days before the snapshot (2026-05-13).

GitHub

No GitHub repository linked.

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.1+2026-05-13
History across monthly snapshots

Loadingโ€ฆ

Similar addons

Remove white background on extra-images

Removes white image backgrounds in extra, replacing them with semi-transparent backgrounds, fades in all extra images, and inverts colors to improve visibility and reduce eye strain.

appearance

Rating 0 ๐Ÿ‘ 0 ยท ๐Ÿ‘Ž 0 Anki 2.1.1~ Updated 2026-02-23
Glass Window

Makes Anki's main window background transparent with adjustable, saved transparency while keeping buttons and text opaque; best on macOS, lightly tested on Linux.

appearance

Rating 0 ๐Ÿ‘ 0 ยท ๐Ÿ‘Ž 0 Anki 26.05~ Updated 2026-07-13

Description

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