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

11 votes371 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote371 views1 answer
How to change height font css
CSS
0 vote408 views1 answer
===> git ignore
CSS
8 votes361 views2 answers
Line-weight css
CSS
27 votes349 views6 answers
Color gradient
CSS
8 votes378 views1 answer
Align in the middle of page html
CSS
1 vote331 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
20 votes376 views2 answers
Stop selection css
CSS
5 votes385 views6 answers
Css image
CSS
0 vote380 views1 answer
Rotate keyframe animation
CSS