MediaWiki:Common.css: Difference between revisions
m Tighten spoiler blur and clip bleed (overflow: hidden, smaller blur radius) Tag: Manual revert |
m Switch from CSS blur to true pixelation via downscale + pixelated image-rendering |
||
| Line 1: | Line 1: | ||
.spoiler-img { | .spoiler-img { | ||
display: table; | display: table; | ||
| Line 5: | Line 4: | ||
} | } | ||
.spoiler-img img { | .spoiler-img img { | ||
image-rendering: pixelated; | |||
transition: | image-rendering: -moz-crisp-edges; | ||
transform: scale(0.05); | |||
transform-origin: top left; | |||
width: 2000% !important; | |||
height: 2000% !important; | |||
transition: transform 0.3s, width 0.3s, height 0.3s; | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.spoiler-img.revealed img { | .spoiler-img.revealed img { | ||
transform: scale(1); | |||
width: auto !important; | |||
height: auto !important; | |||
} | } | ||
Revision as of 13:13, 4 May 2026
.spoiler-img {
display: table;
overflow: hidden;
}
.spoiler-img img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
transform: scale(0.05);
transform-origin: top left;
width: 2000% !important;
height: 2000% !important;
transition: transform 0.3s, width 0.3s, height 0.3s;
cursor: pointer;
}
.spoiler-img.revealed img {
transform: scale(1);
width: auto !important;
height: auto !important;
}