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 vote339 views1 answer
Remove ul decoration
CSS
0 vote353 views1 answer
Background with three line color css
CSS
1 vote375 views1 answer
How to make a responsive box in css
CSS
13 votes347 views1 answer
Rgb gold
CSS
0 vote352 views1 answer
Maximum length for input box
CSS
24 votes382 views3 answers
Link font size html
CSS
1 vote368 views1 answer
Css scrollbar always visible
CSS
0 vote324 views1 answer
Have button beside form input
CSS
0 vote368 views2 answers
Command line download file from google drive
CSS
27 votes382 views3 answers
@keyframes
CSS