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

16 votes111 views4 answers
Scss to css
CSS
5 votes120 views3 answers
How to change radio button color
CSS
12 votes127 views5 answers
Responsive font size
CSS
1 vote128 views4 answers
Screen orientation css
CSS
0 vote110 views1 answer
Postcss plugin
CSS
14 votes116 views2 answers
.col-12 bootstrap
CSS
0 vote124 views1 answer
Css display original image in smalle width
CSS
26 votes114 views5 answers
Css multiple classes
CSS
2 votes108 views1 answer
Ion input change font size
CSS
0 vote126 views1 answer
Ul text decoration css
CSS