How can I make my website buttons more interactive and animated?

Store Design
,
1


截屏2023-03-21 下午4.16.56.png
https://phantomgogo.com/

Hi, I have a question about my website. Right now my bottom is flattening， it doesn’t have any animation. I want them to be more interactive in the main page. The effect is that when our mouse touches the button, the button can enlarge. The feeling is similar with the example.

I really need the help. Thank you!!

2

Hi @Kathy518

This is Victor from PageFly - Shopify Page Builder App

First get your button selector

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

button { // button is just an example, please get your class selector and replace it
transform: scale(1.25);
}

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hi,

It seems doesn’t work. I think I need the action is button hover. I want the main page button when my mouse touched the button, the button will become enlarge.

4

Can you show me screenshot of that button please?