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

32 votes171 views6 answers
Alert bootstrap
CSS
7 votes191 views3 answers
Push failed
CSS
-1 vote126 views1 answer
Responsiveness in bootstrap
CSS
0 vote166 views1 answer
Como fazer uma linha vertical no html
CSS
0 vote181 views1 answer
Rotate keyframe animation
CSS
0 vote228 views2 answers
What is the request payload in jaavascript fetch
CSS
7 votes166 views1 answer
How many fonts can i add in a css font-face
CSS
16 votes131 views2 answers
Set font color in css
CSS
0 vote197 views1 answer
Copyright
CSS
2 votes166 views2 answers
Ng-multiselect-dropdown custom css
CSS