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

63 votes180 views6 answers
Html center image
CSS
0 vote140 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS
0 vote93 views1 answer
Icone css
CSS
1 vote174 views3 answers
How to add link click script in url
CSS
-3 votes158 views2 answers
How to justify grid childe in the center
CSS
1 vote149 views2 answers
Show hidden message html
CSS
49 votes139 views6 answers
Min and max width media query
CSS
0 vote114 views3 answers
Css how to make 2d animations at once
CSS
0 vote156 views1 answer
How to save scss file
CSS
0 vote143 views1 answer
Mat slider custom color
CSS