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

2 votes190 views1 answer
Not hover css
CSS
1 vote221 views1 answer
About us page template html css codepen
CSS
0 vote211 views2 answers
Update Arch Linux
CSS
0 vote213 views1 answer
Bulk order pre cooked pasta
CSS
0 vote191 views2 answers
Css flip text
CSS
50 votes180 views5 answers
Child css
CSS
0 vote199 views1 answer
How to put an element in front
CSS
0 vote202 views4 answers
How to chose tailwindcss while creating larevel project
CSS
0 vote235 views4 answers
Scale down image css
CSS
-1 vote206 views2 answers
How to zoom image on hover in css
CSS