Details transition css

Transition syntax css

transition: property duration transition-timing-function delay; 
/*Shorthand Property*/

Details transition css

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}

Source: stackoverflow.com

Similar codes

2 votes187 views1 answer
Space between li css
CSS
0 vote370 views1 answer
Farther of genetics
CSS
1 vote157 views1 answer
Sm size website
CSS
2 votes185 views2 answers
How to make a list vertical in css
CSS
0 vote236 views2 answers
Blockquote quotation marks css
CSS
1 vote178 views1 answer
Css background offset
CSS
0 vote185 views1 answer
Img grows up onmouseover css
CSS
0 vote198 views1 answer
How to set the scroll in bootstrap4 table body
CSS
-1 vote189 views1 answer
Css grid media queries
CSS
0 vote176 views1 answer
How to remove the body margin from navbar in css
CSS