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

27 votes373 views6 answers
Animation properties css
CSS
0 vote363 views1 answer
Absolute vertical middle quasar
CSS
2 votes370 views2 answers
How to put the input box and the label on top of input
CSS
0 vote386 views1 answer
Jquery replace css class
CSS
0 vote367 views2 answers
Text decoration too long
CSS
152 votes405 views6 answers
How to add bold in css
CSS
0 vote350 views1 answer
Css animation scale image
CSS
0 vote323 views1 answer
Vue v-cloak not working
CSS
0 vote363 views1 answer
What is a trailling widget in flutter
CSS
0 vote385 views1 answer
How to change border height in css
CSS