Scss transition

div {
  transition: all 0.5s ease;
  background: red;
  padding: 10px;
}
div:hover {
  background: green;
  padding: 20px;
}

Source: css-tricks.com

Css transition all

-webkit-transition: all .3s ease-in-out;
-moz-transition:    all .3s ease-in-out;
-o-transition:      all .3s ease-in-out;
-ms-transition:     all .3s ease-in-out;
transition:         all .3s ease-in-out;

Similar codes

0 vote123 views1 answer
Scroll div when page scroll
CSS
0 vote100 views1 answer
How to add a pure css loading spinner
CSS
0 vote122 views1 answer
Elementor vertical line
CSS
185 votes257 views6 answers
Background image css
CSS
2 votes109 views1 answer
Flex align top css
CSS
0 vote94 views2 answers
Css slick js load slider jump
CSS
5 votes135 views1 answer
1 line darkmode css
CSS
-1 vote111 views2 answers
Navigation bar css
CSS
56 votes118 views6 answers
Center with css
CSS
0 vote97 views1 answer
Css media two conditions
CSS