How to make buy button "light up" when mouse hovers over it?

  • Hi there.

    This is my sales page: https://howtofocusbetter.com/ultimate-focus-guide/

    If you scroll all the way down, you’ll see the black and white Add to Cart buttons.

    This is a similar sales page of someone else: https://focusmanifesto.com/

    If you scroll down, you’ll see his black and white Buy Now buttons.

    I was wondering how you can make it like his where when you scroll over the buttons with your mouse, it produces a nice “lighting up” effect over it?

    Sorry not sure what the correct term for that is…

    Any help would be appreciated.

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    The button is an image. To make it “light up” you would need to know CSS, and have a lit up version of the button.

    The term you’re looking for is CSS hover. It will light up the button when the mouse hovers over it.

    Good luck.

    Ironically, you could also use CSS :focus

    (I crack me up)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make buy button "light up" when mouse hovers over it?’ is closed to new replies.