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

20 votes153 views4 answers
Css list no bullets
CSS
48 votes158 views2 answers
Css clear
CSS
0 vote181 views1 answer
Css fadeIn opacity transition
CSS
1 vote145 views1 answer
There's a gap between my td
CSS
0 vote159 views2 answers
Using materialize css with react
CSS
1 vote103 views2 answers
Pure css spinner
CSS
0 vote152 views1 answer
Horizontal rule plus text
CSS
0 vote179 views1 answer
Menu always center css
CSS
27 votes138 views3 answers
Keyframe in css
CSS
1 vote145 views1 answer
A open new tab css
CSS