User:TheMcr/monobook.js: Difference between revisions
Boobpedia - Encyclopedia of big boobs
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
// On mouse enter (hover) | // On mouse enter (hover) | ||
image.addEventListener('mouseenter', function () { | image.addEventListener('mouseenter', function () { | ||
image.style.transition = 'transform | image.style.transition = 'transform 0.3s ease'; // Smooth transition for scaling | ||
image.style.transform = 'scale(1. | image.style.transform = 'scale(1.25)'; // Increase image size by 10% | ||
}); | }); | ||
| Line 13: | Line 12: | ||
image.addEventListener('mouseleave', function () { | image.addEventListener('mouseleave', function () { | ||
image.style.transform = 'scale(1)'; // Reset to original size | image.style.transform = 'scale(1)'; // Reset to original size | ||
}); | }); | ||
}); | }); | ||
}); | }); | ||
Revision as of 22:53, 1 April 2025
document.addEventListener('DOMContentLoaded', function () {
var images = document.querySelectorAll('img'); // Select all images on the page
images.forEach(function (image) {
// On mouse enter (hover)
image.addEventListener('mouseenter', function () {
image.style.transition = 'transform 0.3s ease'; // Smooth transition for scaling
image.style.transform = 'scale(1.25)'; // Increase image size by 10%
});
// On mouse leave (hover out)
image.addEventListener('mouseleave', function () {
image.style.transform = 'scale(1)'; // Reset to original size
});
});
});
