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

156 votes170 views6 answers
Center a div css
CSS
1 vote126 views1 answer
Grid rows css
CSS
0 vote108 views1 answer
Combine binary numbers
CSS
0 vote118 views1 answer
Span to left css
CSS
0 vote108 views1 answer
Css apply style to direct children
CSS
3 votes111 views2 answers
Css sass
CSS
595 votes261 views10 answers
Gme stock
CSS
0 vote97 views2 answers
Nativescript hr
CSS
1 vote108 views2 answers
Ease-in in css
CSS
4 votes130 views3 answers
Add space between flex items
CSS