Skip to content

Instantly share code, notes, and snippets.

@Xrayez
Created January 23, 2018 11:43
Show Gist options
  • Save Xrayez/8e4905cbcffff50a367ee0940ca4a426 to your computer and use it in GitHub Desktop.
Save Xrayez/8e4905cbcffff50a367ee0940ca4a426 to your computer and use it in GitHub Desktop.
CSS style for hiding graphical content
/* Hides most graphical content by default unless you need to see it.
/* NOTE: can be used in Stylish as a theme */
/* Hide some of the annoying background images (but not all...) */
table div {
background-image: none !important;
}
/* Hide any element that has `src` attribute (images, youtube videos, thumbnails, etc) */
/* May hide control elements like buttons, but they will be visible by an outline */
*[src] {
filter: contrast(0%) brightness(180%) drop-shadow(0px 0px 1px);
/*filter: opacity(2%);*/
}
/* Make a hidden element visible by hovering on it */
*[src]:hover {
filter: contrast(100%) opacity(100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment