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 vote200 views1 answer
Gradient 3 colors
CSS
4 votes185 views3 answers
Glowing text css
CSS
6 votes279 views2 answers
How to make a division center css
CSS
0 vote191 views1 answer
Width calc(100 - 100px)
CSS
0 vote177 views1 answer
Css widows
CSS
1 vote174 views1 answer
Css animation stop
CSS
6 votes210 views4 answers
Disable scroll css
CSS
1 vote191 views1 answer
@media between two sizes
CSS
3 votes226 views5 answers
India
CSS
0 vote182 views1 answer
How to loop a javascript array
CSS