Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener('DOMContentLoaded', function() {
const panel = document.querySelector('.panel');
let hoverTimer;
panel.addEventListener('mouseenter', function() {
hoverTimer = setTimeout(function() {
panel.classList.add('hovered');
}, 200); // Delay the flip by 200ms (you can adjust the value)
});
panel.addEventListener('mouseleave', function() {
clearTimeout(hoverTimer); // Prevent the flip if the mouse leaves before the delay
panel.classList.remove('hovered');
});
});