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

1 vote344 views1 answer
Div nebeneinander
CSS
4 votes354 views1 answer
Clealyrun
CSS
0 vote286 views1 answer
Cursor color change
CSS
2 votes313 views1 answer
Function debounce
CSS
1 vote333 views1 answer
Css ecken abrunden
CSS
3 votes282 views1 answer
Rotate icon on click css
CSS
-2 votes354 views1 answer
Sliding text css
CSS
0 vote315 views1 answer
Putting picture shaddow in css
CSS
0 vote321 views1 answer
Css transition cross browser
CSS
-1 vote349 views1 answer
Bootstrap scrollable modal
CSS