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

46 votes390 views2 answers
Customize scrollbar
CSS
0 vote373 views1 answer
Hide navbar css
CSS
1 vote421 views1 answer
Make blinking cursor disappear css
CSS
1 vote344 views1 answer
Mysqli load result into array
CSS
0 vote363 views2 answers
How to write text on video in html
CSS
0 vote335 views1 answer
Reduire espace entre ligne css
CSS
0 vote353 views1 answer
P::after p::before css
CSS
8 votes307 views5 answers
Css triangle
CSS
2 votes359 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote376 views1 answer
Button active css
CSS