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 vote196 views1 answer
Why margin is not working on label css
CSS
0 vote175 views1 answer
Background with three line color css
CSS
81 votes216 views6 answers
Second child css
CSS
7 votes201 views4 answers
How to crop images in css
CSS
4 votes207 views2 answers
Change bot page background top.gg
CSS
9 votes184 views2 answers
Flex float
CSS
28 votes238 views6 answers
Linear gradient css background image
CSS
52 votes182 views6 answers
Center a div
CSS
0 vote202 views1 answer
Angular scss doesn't work backgorund
CSS
0 vote192 views1 answer
Css linear gradient 25% of page
CSS