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
Code size513 B
Code checksum7c262ad4
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);
}
// ~
}