Zoome in images when you hover them and shrink buttons when you click them.
Global images and buttons size effect by SkyOps117
Details
AuthorSkyOps117
LicenseOpen Source
CategoryEverything
Created
Updated
Size513 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Change the CSS variables in root for different size than default.
Source code
/* ==UserStyle==
@name Global images and buttons size effect
@version 20241022.16.14
@namespace https://userstyles.world/user/SkyOps117
@description Zoome in images when you hover them and shrink buttons when you click them.
@author SkyOps117
@license Open Source
==/UserStyle== */
@-moz-document regexp(".*") {
:root {
--img-zoom-level: 1.25;
--btn-zoom-level: 0.9;
}
img:hover {
transform: scale(--img-zoom-level);
}
button:active {
transform: scale(--btn-zoom-level);
}
// ~
}