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

74 votes114 views6 answers
Css rounded corners
CSS
22 votes118 views5 answers
Grid center css
CSS
0 vote152 views1 answer
Jquery replace css class
CSS
0 vote130 views1 answer
Animation not hover out
CSS
7 votes114 views2 answers
Scss extend
CSS
0 vote151 views2 answers
Setting multiple styles in javascript
CSS
0 vote138 views1 answer
Increase the distance between paragraphs css
CSS
3 votes119 views2 answers
Css disable button click
CSS
3 votes109 views1 answer
Double line borders in html
CSS
12 votes116 views2 answers
Grid template columns
CSS