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

2 votes194 views1 answer
How to apply css to firefox only
CSS
7 votes190 views2 answers
Disable bullets in ul
CSS
0 vote197 views1 answer
Css clip
CSS
17 votes302 views2 answers
Place item center in css using grid
CSS
0 vote201 views1 answer
Linear gradient farthest-corner code css
CSS
38 votes197 views2 answers
Remove list bullet css
CSS
48 votes210 views2 answers
Css clear
CSS
7 votes201 views4 answers
How to crop images in css
CSS
0 vote205 views1 answer
Horizontal rule plus text
CSS
0 vote150 views2 answers
Link html to html stackoverflow
CSS