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

4 votes316 views2 answers
Css selected color
CSS
1 vote318 views1 answer
Ion-item no padding ionic 4
CSS
1 vote325 views1 answer
How to make button appear on hover
CSS
0 vote326 views1 answer
How to change the theme of a website using css
CSS
22 votes318 views4 answers
Centering with flexbox
CSS
0 vote327 views2 answers
Superscript css
CSS
0 vote349 views1 answer
Textarea resize only horizontal
CSS
0 vote323 views1 answer
Changer couleur liens cliqués css
CSS
1 vote310 views1 answer
Remove ul decoration
CSS
7 votes303 views3 answers
Css all except last
CSS