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 vote210 views2 answers
Css animation linear
CSS
0 vote193 views10 answers
Stack Overflow
CSS
0 vote193 views1 answer
How to get font awesome outline
CSS
0 vote217 views1 answer
Css html attribut
CSS
0 vote204 views1 answer
à quoi sert clearfix
CSS
0 vote196 views1 answer
Label width css
CSS
0 vote206 views1 answer
Position absolute center with transform
CSS
-1 vote211 views1 answer
Financial year vs assessment year
CSS
10 votes209 views10 answers
Fortnite
CSS
0 vote201 views1 answer
Css skip first child
CSS