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 vote161 views1 answer
Centralize div css
CSS
0 vote176 views1 answer
How to package tailwindcss for deployment
CSS
4 votes162 views1 answer
Grid repeating auto columns
CSS
28 votes204 views4 answers
Font face roboto css
CSS
1 vote185 views1 answer
Animated background css
CSS
0 vote186 views1 answer
Crop image instead of resize css
CSS
3 votes161 views2 answers
Image overlay in css
CSS
1 vote180 views3 answers
Css background image not working
CSS
0 vote192 views1 answer
Hovered one element change styles for another css
CSS
1 vote175 views1 answer
Css put span on new line
CSS