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 vote224 views1 answer
Wordpress page css not working
CSS
1 vote247 views3 answers
Jquery get div height dynamically
CSS
49 votes282 views5 answers
How to remove bullets from ul
CSS
1 vote189 views1 answer
Text decoration none doesn't remove underline
CSS
2 votes226 views2 answers
Disable right click with css
CSS
0 vote228 views1 answer
Animation clip path
CSS
0 vote229 views1 answer
Min-height not working on body
CSS
0 vote230 views2 answers
False
CSS
0 vote263 views1 answer
How to disable keyboard in windows 10
CSS
0 vote265 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap