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

4 votes159 views2 answers
How to give background overlay in css
CSS
2 votes157 views2 answers
Aspect ratio css
CSS
8 votes162 views5 answers
Flex margin between items
CSS
0 vote157 views1 answer
How to allow text to be copied in an input element ionic
CSS
0 vote179 views1 answer
Color around the text
CSS
1 vote183 views1 answer
Css display div horizontally
CSS
1 vote167 views1 answer
Ionic textarea placeholder color
CSS
7 votes167 views3 answers
Border width css
CSS
0 vote213 views1 answer
Flex index css
CSS
1 vote169 views2 answers
Background shorthand code
CSS