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 vote118 views1 answer
Css image background center horizontally in div
CSS
1 vote117 views1 answer
Tr lowercase uppercase
CSS
4 votes128 views2 answers
Laravel enum column
CSS
0 vote131 views1 answer
Css horror fonts
CSS
0 vote124 views1 answer
Scale up and scale down animation in css
CSS
8 votes123 views3 answers
Bootstrap file upload
CSS
0 vote126 views2 answers
How to zoom picture on hover using css
CSS
0 vote144 views1 answer
Prevent child margin from moving parent css
CSS
39 votes124 views5 answers
Add drop shadow css
CSS
34 votes121 views2 answers
Box position in center css
CSS