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 vote185 views1 answer
Css local variable
CSS
0 vote193 views1 answer
Aos makes screen unresponsive
CSS
1 vote206 views1 answer
Cdd first child
CSS
4 votes188 views5 answers
Css darken color
CSS
-2 votes184 views1 answer
Scaling Images and Videos css
CSS
6 votes190 views3 answers
Print media css
CSS
0 vote240 views1 answer
Transform element
CSS
1 vote185 views1 answer
How to add fanctoin to links in css
CSS
5 votes184 views1 answer
Less sass css
CSS
73 votes194 views6 answers
Flexbox in css
CSS