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 vote214 views1 answer
Webpack how to disable warning when run build
CSS
1 vote211 views3 answers
Read more dots css
CSS
1 vote199 views1 answer
Box shador of one border css
CSS
8 votes265 views4 answers
Css dark mode
CSS
5 votes220 views3 answers
Css box shadow not on bottom
CSS
2 votes191 views3 answers
Css cursor delete
CSS
3 votes226 views3 answers
How to center a html header
CSS
6 votes218 views2 answers
Html table scrollable body fixed header
CSS
13 votes220 views4 answers
How to move an image up in css
CSS
3 votes219 views2 answers
Css sass
CSS