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

3 votes159 views3 answers
Can you control another div on hover css
CSS
1 vote149 views2 answers
Image to fill container size
CSS
4 votes163 views2 answers
How to remove onclick input border
CSS
1 vote115 views1 answer
Div styles
CSS
2 votes148 views2 answers
Css all children of type
CSS
0 vote148 views3 answers
Css horizontal ul
CSS
0 vote151 views1 answer
Nmap output ip only
CSS
1 vote167 views2 answers
Eloquent map collection
CSS
1 vote154 views1 answer
Remove line accordion material ui
CSS
9 votes169 views3 answers
How to change another element on hover
CSS