MediaWiki:Common.css: Difference between revisions
m change duration |
m Add scroll-safe blur logic for .spoiler-img (require revealed class instead of :hover) |
||
| Line 2: | Line 2: | ||
.spoiler-img img { | .spoiler-img img { | ||
filter: blur(20px); | filter: blur(20px); | ||
transition: filter | transition: filter 0.3s; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.spoiler-img:hover img | @media (hover: hover) and (pointer: fine) { | ||
.spoiler-img:hover img { | |||
filter: none; | |||
} | |||
} | |||
.spoiler-img.revealed img { | .spoiler-img.revealed img { | ||
filter: none; | filter: none; | ||
} | } | ||
Revision as of 13:01, 4 May 2026
/* NSFW spoiler - blur until hovered/clicked */
.spoiler-img img {
filter: blur(20px);
transition: filter 0.3s;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.spoiler-img:hover img {
filter: none;
}
}
.spoiler-img.revealed img {
filter: none;
}