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 vote315 views1 answer
Remove horizontal scroll in small devices css
CSS
1 vote321 views1 answer
Css scrollbar always visible
CSS
0 vote297 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
1 vote294 views1 answer
Ionchips scroll x
CSS
0 vote293 views1 answer
Style image so it crops
CSS
1 vote295 views1 answer
Scroll-behavior not working
CSS
0 vote309 views1 answer
Align items in span to center
CSS
0 vote294 views1 answer
CSS - The Class Selectors - Element
CSS
14 votes308 views5 answers
Make background image full width
CSS
8 votes292 views1 answer
Full screen image
CSS