MediaWiki:Common.css: Difference between revisions
m Tighten spoiler blur and clip bleed (overflow: hidden, smaller blur radius) |
m Tighten spoiler blur and clip bleed (overflow: hidden, smaller blur radius) Tag: Reverted |
||
| Line 1: | Line 1: | ||
.spoiler-img { | .spoiler-img { | ||
display: table; | display: table; | ||
| Line 5: | Line 4: | ||
} | } | ||
.spoiler-img img { | .spoiler-img img { | ||
filter: | filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='p'><feGaussianBlur stdDeviation='2'/><feComponentTransfer><feFuncA type='discrete' tableValues='0 1'/></feComponentTransfer><feMorphology operator='dilate' radius='3'/></filter></svg>#p"); | ||
transition: filter 0.3s; | transition: filter 0.3s; | ||
cursor: pointer; | cursor: pointer; | ||
Revision as of 13:10, 4 May 2026
.spoiler-img {
display: table;
overflow: hidden;
}
.spoiler-img img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='p'><feGaussianBlur stdDeviation='2'/><feComponentTransfer><feFuncA type='discrete' tableValues='0 1'/></feComponentTransfer><feMorphology operator='dilate' radius='3'/></filter></svg>#p");
transition: filter 0.3s;
cursor: pointer;
}
.spoiler-img.revealed img {
filter: none;
}