Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

How to make a button bigger by hovering it in HTML CSS

Hello so am looking for how to make a button bigger by hovering it, like alot of professional websites, So I know a very little thing on how to make the transform of it upper by hovering by adding transform translate, but I also want to know how to make it bigger.
Note: I don’t really want to make it done by making the font size bigger, cause after I got my answer I maybe do it for a div.
Also am a bit new to coding, sorry if there is better way to describe my question, any help appreciated!

>Solution :

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

I think what you are looking for is this CSS snippet

btn:hover{
    transform: scale(2);
}

This article on MDN has a neat tool to see what can be done with the transform property MDN Article

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading