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

4 votes274 views2 answers
How to remove horizontal scrolling
CSS
0 vote260 views1 answer
Adding script in vat for product order shopify
CSS
0 vote225 views1 answer
Css !important
CSS
0 vote256 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote278 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
54 votes265 views4 answers
Dark blue hex code
CSS
0 vote264 views1 answer
Unable to locate package neo4j
CSS
65 votes247 views6 answers
Outline radius css
CSS
1 vote247 views1 answer
Login
CSS
0 vote254 views4 answers
How to pass html number to css
CSS