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 vote186 views1 answer
Hiding text outside of border css
CSS
0 vote163 views1 answer
Linear gradient farthest-corner code css
CSS
3 votes148 views3 answers
Remove on click border
CSS
0 vote168 views2 answers
How to set background image for button in css
CSS
0 vote186 views1 answer
Table td css
CSS
2 votes158 views5 answers
Css disable input
CSS
0 vote144 views1 answer
Sdsd
CSS
0 vote153 views1 answer
Estilos de button css
CSS
37 votes175 views5 answers
How to apply linear gradient to text in css
CSS
2 votes200 views1 answer
Css area not selectable
CSS