increase div size on hover css

  transform: scale(1.5);

4.33
6
Awgiedawgie 440220 points

                                    <style>
#test-text:hover {
font-size: 40px;
}


</style>

<body>
<p id=test-text>TEST</p>
</body>

4.33 (6 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
css on hover increase size slowly html zoom text on hover on hover zoom in css on hover increase width css div hover size text zoom on hover HOW TO MAKE TEXT ZOOMIN EFFECT IN CSS how to zoom text using css how to scale on hover a div with width how to change the div size on hover css css make bigger on hover text Zoom animation in css make element bigger on hover hover over text zoom div hover scale css how to make an element increase in size when hovering make text zoom on hover how to increase div size on hover text zoom in css html make element bigger on hover css inline zoom on hover css make div bigger on hover how to add a zoom in effect to html heading using css how to set hover size in css increase size of element on hover css on element hover make it bigger how to zoom on hover on a word html how to zoom on hover html how to add hover zoom html how to adjust hover in css on hover zoom css how to zoom on text when hovering make bigger on hover css make something larger on hover css css hover change size bigger size on hover increase size on hover css slowly zoom in text css when come to viewort zoom in text css how to increase size on hover how to make div larger on hover css how to make an element look bigger after hover css element bigger on hover css set hover zoom how to grow size of div on hover zoom out image on hover and display text on ontop of it Zoom on Hover in css zoom hovering over html in css text zoom scroll css effect how to increase the size on hover div content zoom hover effect css hover increase size css or scale zoom hover html zoom in on hover css size on hover how to make image zoom when hovering over text how to make text and image zoom on hover text selector zoom hover effect css html zoom on hover text hover css zoom increase size of div on hover css on hover zoom in hover zoom text css zoom text on hover css css make element bigger on hover hover change size css hover affect size how to zoom on hover on hover zoom text css hover size increase how to decrease the size of hover css stop zoom text when hover css html zoom on hover css hover bigger div on hover to zoom paragraph zoom in and zoom out effect in text css text zoom css w3schools change size on hover css how to zoom in text on hover how to zoom in a container having text on hover css hover make bigger on hover zoom in text zoom on mouse hover css code hover over box size increase css hover size increase zoom on hover css hover size change css make size increase on hover how to create a zoom effect on text hover with css on hover make div bigger resize div on hoverscss how to zoom in when hover on something on css how to make element get slightly bigger on hover html hover change size css on hover size increase size on hover how to make div bigger on hover css increase element size on hover how to make div bigger ib hover increase and decrease size on hover css how to increase the size of div on hover html text moving on zoom how to when i hover over text text will zoom separate in css how to when i hover over text text will zoom separate how to wen i hover over text text will zoom sepirate css on hover bigger css text zoom effect css hover increase size css zoom fonts hover css hover zoom image but not the text change size of div on hover css increase size on hover html increase size on hover increase div size on hover text zooming css size up div on hover zoom in text animation css css zoom text on hover css zoom on hover hover zoom html code make div bigger on hover css css zoom along with the text on hover hover css zoom and show text make div bigger on hover on hover bigger css how to make div smaller while hover in css my text is moving when i zoom in html css html hover zoom css hover zoom in css zoom hover text hover text zoom css increase size on hover in css how to zoom text on hover html html how to zoom text when hovered increase size when hover in css html css image hover zoom effect with text html css image hover zoom effects with text on hover increase width text zoom css how to make a text zoom html hover increase size css hover over div and make bigger on hover the text zoom text use css* how to add zoom hover effect in css zoom out and zoom in css zoom over effect on text card css make a zoom animation in css expand on hover css enlarge icon on hover Zoom animiation css make element bigger on hover css zoom in image when hover css css mouse over img enlarge image transform on hover html js css hover to zoom in on image zoom hovor effect in html css zoom an image on hover raise on hover css images scale on hover css enalrge css hover size increase size on hover css how to zoom and shake property on hover in css on hover increase size hover zoom animation css on hover size in css increase size when hover animated zoom on hover html enlarge button on hover css how zoom text when you hover css zoom text when you hover css image zoom code in css hover zoom css css button hover enlarge image hover effects with zoom and text w3schools hovor zoom in html css bootstrap button hover zoom image hover zoom css image zoom scale resize on hover css transition zoom in css zoom in on text css zoom in div on hover increase image on hover css zoom in and zoom out in css div enlarge on hover zoom on image css hover zoom text css hover image zoom in css vertical bars increase size on hover verticals bars increase size on hover hover to zoom zoom to hover ifrme boostrap 4 hover over image grow css div zoom zoom text animation css increase size of a div on hover zoom image on hover jquery zoom css js text zoom when hover html css hover grow make image expand on hover image enlarge on hover hover zoom HTML Css Js css animate zoom in how to magnify div content on hover zoom div with css zoom img hover increase div size on hover css image transform css on hover js text zoom animation while hover hover to zoom image css zooming animation css hover scale css dom webkit transform zoom zoom image html css zoom in effect in css zoom effect css html
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source