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

0 vote150 views1 answer
Low opacity whit out toching child nods
CSS
0 vote167 views1 answer
How to use css transform matrix
CSS
36 votes171 views6 answers
Css gradient
CSS
0 vote166 views1 answer
Space between label and input form
CSS
0 vote142 views1 answer
How to remove the body margin from navbar in css
CSS
0 vote149 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote149 views1 answer
Css a tag id selector scrolls too far
CSS
3 votes153 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote177 views2 answers
Css counters
CSS
0 vote153 views1 answer
Css float placeholder
CSS