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

8 votes270 views1 answer
Remove styles button
CSS
0 vote273 views2 answers
Wordpress style.css not updating
CSS
1 vote273 views1 answer
Locate canvas in center of screen css
CSS
0 vote279 views1 answer
Z-index: 1000000;
CSS
-2 votes280 views4 answers
Js simulate click on div
CSS
3 votes291 views2 answers
Backdrop filter all properties
CSS
0 vote264 views1 answer
French bakery northgate
CSS
1 vote269 views1 answer
Change angular material icon color
CSS
0 vote301 views1 answer
Chrome extension css
CSS
1 vote300 views1 answer
Text-shadow
CSS