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 vote312 views1 answer
Css efeito negativo fotos
CSS
6 votes298 views3 answers
Input checkbox size
CSS
0 vote282 views1 answer
Table with vertical lines in angular
CSS
0 vote288 views1 answer
Woocommerce product_cat apply to custom post type
CSS
15 votes295 views4 answers
Sass
CSS
1 vote277 views1 answer
Comfirm before delete
CSS
0 vote274 views1 answer
Can a div change an item in another div css
CSS
0 vote281 views2 answers
Chrome developer tools send get request
CSS
0 vote329 views1 answer
Object-fit
CSS
2 votes314 views2 answers
Restrict a paragraph height css
CSS