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

2 votes316 views1 answer
Popsition relative css
CSS
0 vote321 views1 answer
Not let user select in css
CSS
0 vote368 views1 answer
Text in circle css
CSS
8 votes365 views3 answers
Css darkmode
CSS
1 vote330 views1 answer
React hide scrollbar
CSS
17 votes332 views1 answer
Sass calc with variable
CSS
0 vote341 views2 answers
Icon inside a circle css
CSS
2 votes332 views1 answer
Css rounded corners at top only
CSS
38 votes330 views6 answers
Convert object to array
CSS
11 votes367 views3 answers
Css poppins font
CSS