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 vote319 views1 answer
Bootstrap create full screen background image
CSS
-1 vote299 views2 answers
How to scroll fixed position
CSS
0 vote334 views1 answer
Css cursor finger
CSS
12 votes315 views2 answers
Can't resolve @emotion/react
CSS
25 votes340 views5 answers
Scroll animation css
CSS
37 votes314 views1 answer
Trumping
CSS
3 votes307 views1 answer
Learn css animation
CSS
0 vote362 views1 answer
Angular set encapsulated body to full height
CSS
2 votes306 views1 answer
How to distribute vertically the items in css
CSS
2 votes304 views1 answer
Last second css
CSS