Blur and desaturate images without accessible descriptive text, hover over them to see the original image.
Blur Images without Alt Text on Mastodon by kazcat0
Details
Authorkazcat0
LicenseNo License
CategoryMastodon
Created
Updated
Size859 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Blur Images without Alt Text on Mastodon
@namespace mastodon.social
@version 1.0.0
@description Blur and desaturate images without accessible descriptive text, hover over them to see the original image.
@author kazcat0
==/UserStyle== */
/*Original code from https://cathode.church/@c9a/109315449317715944*/
@-moz-document regexp(".*") {
.media-gallery img[title=""],
.media-gallery img:not([title]),
.media-gallery video[title=""],
.media-gallery video:not([title])
{
filter: blur(5em) grayscale(100%);
}
}
/*Remove blur and desaturation on mouseover.*/
@-moz-document regexp(".*") {
.media-gallery img[title=""]:hover,
.media-gallery img:not([title]):hover,
.media-gallery video[title=""]:hover,
.media-gallery video:not([title]):hover
{
filter: none;
}
}