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 vote114 views1 answer
.quform-sub-label
CSS
0 vote103 views1 answer
Css 2 divs nebeneinander
CSS
1 vote105 views1 answer
How to check if eloquent result is empty
CSS
0 vote102 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote115 views1 answer
Ecto generator create new mvc
CSS
22 votes105 views2 answers
Disable highlight css
CSS
-1 vote107 views1 answer
Scss background color
CSS
1 vote111 views1 answer
Css how to hyperlink
CSS
0 vote124 views2 answers
Ihr seid alle dumabtu
CSS
0 vote111 views1 answer
Change size
CSS