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

22 votes192 views4 answers
Grid center align css
CSS
0 vote209 views2 answers
Fix materialize form label not working
CSS
1 vote262 views1 answer
Convert string to uppercase while typing
CSS
0 vote221 views1 answer
Font intalic css
CSS
0 vote194 views1 answer
Smooth button effect css
CSS
6 votes217 views2 answers
Selecting last child css
CSS
0 vote272 views1 answer
Quitar borde a un boton css
CSS
0 vote197 views1 answer
How to use bootstrap color variables in sass
CSS
100 votes194 views8 answers
Create react app
CSS
0 vote252 views1 answer
Link para inserir css
CSS