MediaWiki:Common.css: Difference between revisions
m Tighten spoiler blur and clip bleed (overflow: hidden, smaller blur radius) Tag: Reverted |
m Tighten spoiler blur and clip bleed (overflow: hidden, smaller blur radius) Tag: Reverted |
||
| Line 3: | Line 3: | ||
display: table; | display: table; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.spoiler-img img { | .spoiler-img img { | ||
filter: blur( | filter: blur(8px) contrast(1.5); | ||
transition: filter 0.3s; | transform: scale(0.1); | ||
transform-origin: center; | |||
image-rendering: pixelated; | |||
transition: filter 0.3s, transform 0.3s; | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.spoiler-img.revealed img { | .spoiler-img.revealed img { | ||
filter: none; | filter: none; | ||
transform: scale(1); | |||
} | } | ||
Revision as of 13:11, 4 May 2026
/* NSFW spoiler - pixelated until mouse moves over image */
.spoiler-img {
display: table;
overflow: hidden;
}
.spoiler-img img {
filter: blur(8px) contrast(1.5);
transform: scale(0.1);
transform-origin: center;
image-rendering: pixelated;
transition: filter 0.3s, transform 0.3s;
cursor: pointer;
}
.spoiler-img.revealed img {
filter: none;
transform: scale(1);
}