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

62 votes159 views3 answers
Font awesome 4
CSS
10 votes234 views4 answers
Bootstrap badges Links
CSS
2 votes193 views3 answers
How to disable link in hmtl
CSS
39 votes176 views2 answers
Css to increase font size
CSS
13 votes176 views3 answers
Repeat css
CSS
3 votes202 views2 answers
Border radius not working
CSS
7 votes239 views2 answers
Max z-index value css
CSS
4 votes154 views2 answers
Style first word using css
CSS
34 votes174 views6 answers
Css visibility
CSS
8 votes176 views5 answers
Flex margin between items
CSS