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

0 vote129 views3 answers
Input adresse ville automatique
CSS
0 vote124 views1 answer
Bootstrap 5 css how to change
CSS
15 votes124 views3 answers
Css change text
CSS
1 vote132 views1 answer
Html dim entire screen
CSS
0 vote151 views1 answer
Css display original image in smalle width
CSS
0 vote132 views1 answer
Account system php html
CSS
0 vote191 views1 answer
Make td match display flex
CSS
1 vote128 views1 answer
Css auto heigh div
CSS
17 votes125 views1 answer
Variables scss en calc()
CSS
98 votes152 views2 answers
Css box-shadow shorthand
CSS