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

9 votes112 views2 answers
Textview center text
CSS
1 vote121 views1 answer
Prefix in css
CSS
0 vote115 views1 answer
Html css tilt text
CSS
37 votes123 views3 answers
Css selector first level child
CSS
0 vote120 views1 answer
Line height negative css
CSS
3 votes119 views2 answers
Make image not draggable css
CSS
0 vote157 views1 answer
Menu always center css
CSS
0 vote110 views1 answer
How to set image size without changing aspect ratio in css
CSS
15 votes104 views6 answers
Hr css
CSS
1 vote125 views1 answer
Z-index on position absolute
CSS