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

1 vote382 views1 answer
Remove boldness css
CSS
1 vote310 views2 answers
Pure css spinner
CSS
65 votes360 views6 answers
Outline radius css
CSS
0 vote369 views1 answer
Css user select none
CSS
0 vote414 views1 answer
Multiple css media queries
CSS
0 vote357 views1 answer
WoWonder
CSS
0 vote404 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
3 votes369 views2 answers
How to split a background into two color in css
CSS
0 vote378 views1 answer
Matrix css
CSS
0 vote374 views1 answer
Css remove white space below footer
CSS