x

Make Text Bigger on Hover

How do you make this text bigger on hover?

image

364 Views
Message 1 of 2
Report
1 REPLY 1

RIght click the image you want to make bigger on hover on your published or previewed website and select "Copy image address". After doing so, paste what you just copied in the code below replacing "PASTE IMAGE ADDRESS", keep the quotations.

<style>
img[src="PASTE IMAGE ADDRESS"]:hover {
transform: scale(1.5);
}
</style>

After doing so, take this code and paste it into an embed code box. Hope this helps. Let me know if you need anymore help or instruction.

EDIT: Also If you want to edit how big the button gets on hover edit the scale amount. For example, if you wanted to make it get even bigger you would change "scale(1.5)" to "scale(1.6)" and so forth.

338 Views
Message 3 of 2
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.