User:TheMcr/common.js: Difference between revisions
Boobpedia - Encyclopedia of big boobs
Jump to navigationJump to search
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 9: | Line 9: | ||
image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px | image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px | ||
image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)'; | image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)'; | ||
}); | }); | ||
| Line 18: | Line 17: | ||
image.style.transform = 'scale(1) translateY(0)'; // Reset size and position | image.style.transform = 'scale(1) translateY(0)'; // Reset size and position | ||
image.style.boxShadow = 'none'; // Remove the shadow | image.style.boxShadow = 'none'; // Remove the shadow | ||
}); | }); | ||
}); | }); | ||
}); | }); | ||
Revision as of 23:42, 1 April 2025
document.addEventListener('DOMContentLoaded', function () {
// Handle images
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, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)';
});
// On mouse leave (hover out)
image.addEventListener('mouseleave', function () {
image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';
image.style.transform = 'scale(1) translateY(0)'; // Reset size and position
image.style.boxShadow = 'none'; // Remove the shadow
});
});
});
