Css transition all

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

52 votes342 views6 answers
Center a div
CSS
1 vote373 views1 answer
Difference between html and css
CSS
0 vote331 views1 answer
Understanding '+' sign in css selector
CSS
2 votes360 views1 answer
Css area not selectable
CSS
1 vote350 views1 answer
How to make button appear on hover
CSS
37 votes332 views2 answers
Rgb yellow color
CSS
1 vote339 views1 answer
Css auto heigh div
CSS
60 votes373 views3 answers
Media query for mobile view css
CSS
2 votes362 views1 answer
White space in css
CSS
81 votes426 views6 answers
Second child css
CSS