how to make a button grow in css
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }how to make a button grow in css
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }zoom image css
/*Zoom on hover*/
<style>
.zoom {
padding: 50px;
background-color: green;
transition: transform .2s; /* Animation */
width: 200px;
height: 200px;
margin: 0 auto;
}
.zoom:hover {
transform: scale(1.5); /* (150% zoom)*/
}
</style>
<div class="zoom"></div>
/*credits: w3schools.com */how to enlarge image wen hover
Enter the following block of code into the Custom CSS field in your job
.thumbnail:hover {
position:relative;
top:-25px;
left:-35px;
width:500px;
height:auto;
display:block;
z-index:999;
}
in the HTML Add the attribute, class="thumbnail" to each image element
that you would like to enlarge on hover so that the element looks something like this
<img src="[your hosted image URL]" class="thumbnail" height="100" width="100" />Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
