I’m wondering if anyone can help me with a button hover transform. I would like to scale the button background but not the text in the button. I can only seem to transform the entire button. Thanks! Here is my site Read-Only: https://preview.webflow.com/preview/sandbox-0bc4ff?preview=fbf329dd08b1…

Good question @lorentracy . I’ve adjusted the button designs to accommodate for the size of the text within. Check the webflow site I published to see the change. This solution has a padding on the wrapper and the bg goes to 100% width/height to fill the wrapper + the width/height of the text eleme…

Button background scale on hover

Design help General

lorentracy (lorentracy006@gmail.com) July 18, 2018, 8:32pm 12

Awesome, well thanks for figuring that all out. Good stuff!

1 Like

Topic		Replies	Views
Mouseover animation General	8	1605	March 9, 2018
Help with jQuery mousedown scale function Custom code	5	1254	September 16, 2020
Hover/Background Scale effect on Nav links General	6	1375	April 19, 2018
Hover interaction - border radius Animations & Interactions	6	3558	March 23, 2024
Hover trigger is blocked by transparent element Animations & Interactions	3	1882	November 8, 2015

Button background scale on hover

Related topics