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

1 vote133 views1 answer
Cards design html css
CSS
0 vote130 views1 answer
Vertical align h1 inside div
CSS
1 vote130 views1 answer
About us page template html css codepen
CSS
4 votes146 views1 answer
Target css by form name
CSS
1 vote141 views1 answer
To make the content of the select2 RTL or LTR
CSS
52 votes135 views4 answers
Rgba green color
CSS
3 votes95 views2 answers
Remove table border css
CSS
0 vote137 views1 answer
Ms-clear event
CSS
0 vote132 views1 answer
Html css drow line
CSS
0 vote134 views2 answers
List-style-image size
CSS