How to implement a smooth transition of the block when you hover?

Hello!
Is it possible to implement a smooth transition when you hover using css?
Or through a script like this is
.cart-finished-house:hover{
 bottom: 1%;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

It is necessary to slowly increase and decrease the value when the mouse bottom.
Thank you in advance!
April 4th 20 at 00:31
2 answers
April 4th 20 at 00:33
.cart-finished-house{
 bottom: 15%;
 transition: bottom 0.5 s easy;
}

.cart-finished-house:hover{
 bottom: 1%;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
April 4th 20 at 00:35

Find more questions by tags CSSjQuery