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 vote409 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
11 votes357 views6 answers
Warning: LF will be replaced by CRLF in
CSS
18 votes285 views2 answers
Red rgba
CSS
0 vote341 views1 answer
How to include css in handlebars
CSS
-1 vote325 views1 answer
Html sticky
CSS
0 vote351 views1 answer
Break table for printing
CSS
1 vote312 views1 answer
Text decoration none doesn't remove underline
CSS
37 votes338 views4 answers
Css hover pointer
CSS
0 vote322 views1 answer
Div style how to wrap around
CSS
4 votes343 views2 answers
Transform scale
CSS