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

11 votes310 views2 answers
Css click through an element
CSS
22 votes310 views5 answers
Grid center
CSS
1 vote272 views1 answer
Mat-progress-bar just dots
CSS
2 votes283 views2 answers
Css border top linear gradient
CSS
0 vote288 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
2 votes314 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote291 views1 answer
After before effect in css
CSS
3 votes296 views2 answers
Css table row border radius
CSS
2 votes292 views1 answer
How to set height equal to dynamic width pure css
CSS
0 vote325 views1 answer
Css file verlinken
CSS