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

-1 vote260 views2 answers
How to zoom image on hover in css
CSS
11 votes270 views1 answer
Css white-space nowrap
CSS
2 votes270 views2 answers
Display none transition
CSS
-2 votes290 views1 answer
Css add a shadow beneath text
CSS
25 votes279 views3 answers
Invisible item frames in minecraft
CSS
3 votes246 views2 answers
How to make hover effect none in css
CSS
3 votes251 views1 answer
Bootstrap 3 offset
CSS
0 vote253 views1 answer
Limit number of text lines
CSS
0 vote244 views2 answers
Remove button shadow css
CSS
0 vote265 views1 answer
Elementsone after other css
CSS