Would you like the buttons to be more transparent, have hover effects, or link to other pages instead of alerts? Just tell me your preference.

Learn about CSS pointer events

Explore CSS hover effects

Add hover effects to buttons

get rid of the buttons, and add a clickable link. Also, is it possible to make it so that it stays at the top of the page as I scroll down?

• Buttons removed
• Whole banner is now clickable (links to wherever you want)
• Made it sticky at the top of the page (stays visible while scrolling)Ripple is now mostly triggered by mouse movement.
• Ripples fade out quickly when mouse stops.
• Increased strength for your short banner.
• Paste this into your Custom HTML block. Move your mouse over the image — you should now see the ripple only when moving the mouse.How does it feel? Want it stronger, longer lasting, or more subtle?What I changed:
• Significantly increased ripple strength (uIntensity: 1.8)
• More aggressive ripple frequencies
• Added an extra horizontal wave so you see movement even if mouse is still
• Faster animation
• Try this new version. The ripple should now be clearly visible even on the short 55px height.Let me know how it looks — if it's too strong/weak, or if you want it even more dramatic.
• ok, image is right size, but ripple effect is gone
• Got it. The size is fixed, but the ripple became too weak because the banner is very short (only 55px tall). Here's a version with much stronger, more visible ripple optimized for a short banner: