Chrome: center images + dynamic background

Added by myf@userstyles, Created: Jan 28, 2013, Updated: Feb 09, 2017
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


Dark background for image-only page. Image horizontally centered. Background changes according cursor position and button state. For inspecting transparency.

More info
Test: (

Mouse cursor
- outside page: dark grey page.
- outside image: black image background
- outside image, holding button: light grey background
- at image: white background
- at image, holding button: chessboard grid

- 2015-10-26 updated selector since `body` is no longer only-child`. Sorry, it must have been broken for quite a long time, I just forgot to push local version here.
- 2017-02-09 chrome 56 introduced own native centering and (static) checkerboard background: updated the style to get "interactive dynamics" back.

For Firefox:

Applies to:
all URLs

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.