MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.mw-parser-output .coverThumb { | .mw-parser-output .coverThumb { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
} | } | ||
.mw-parser-output .coverThumb img.mw-file-element { | .mw-parser-output .coverThumb img.mw-file-element { | ||
transition: transform 0.15s ease; | transition: transform 0.15s ease; | ||
transform-origin: top left; | transform-origin: top left; /* or center center if you prefer centered growth */ | ||
will-change: transform; | |||
backface-visibility: hidden; | |||
/* Optional base sharpness */ | |||
image-rendering: crisp-edges; | |||
} | } | ||
.mw-parser-output .coverThumb:hover img.mw-file-element { | .mw-parser-output .coverThumb:hover img.mw-file-element { | ||
transform: scale(3.5); | transform: scale(3.5); | ||
z-index: 9999; | z-index: 9999; | ||
background: #fff; | background: #fff; | ||
| Line 21: | Line 20: | ||
box-shadow: 0 8px 24px rgba(0,0,0,0.5); | box-shadow: 0 8px 24px rgba(0,0,0,0.5); | ||
pointer-events: none; | pointer-events: none; | ||
/* | /* Anti-blur magic */ | ||
image-rendering: pixelated; | |||
image-rendering: crisp-edges; | |||
-ms-interpolation-mode: nearest-neighbor; | |||
} | } | ||
Revision as of 11:57, 29 January 2026
.mw-parser-output .coverThumb {
display: inline-block;
position: relative;
}
.mw-parser-output .coverThumb img.mw-file-element {
transition: transform 0.15s ease;
transform-origin: top left; /* or center center if you prefer centered growth */
will-change: transform;
backface-visibility: hidden;
/* Optional base sharpness */
image-rendering: crisp-edges;
}
.mw-parser-output .coverThumb:hover img.mw-file-element {
transform: scale(3.5);
z-index: 9999;
background: #fff;
border: 1px solid #aaa;
box-shadow: 0 8px 24px rgba(0,0,0,0.5);
pointer-events: none;
/* Anti-blur magic */
image-rendering: pixelated;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}