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

37 votes185 views2 answers
Css transform y
CSS
8 votes190 views4 answers
Css fill div with background image
CSS
41 votes198 views6 answers
Media query for mobile min and max width
CSS
40 votes238 views4 answers
Center on page css
CSS
7 votes197 views1 answer
Css remove blue outline button
CSS
0 vote195 views1 answer
Css perfekt min width mobile
CSS
1 vote201 views2 answers
Show hidden message html
CSS
1 vote359 views2 answers
How to make background more darker with css
CSS
0 vote207 views1 answer
Materialisecss
CSS
2 votes195 views1 answer
Otf css3 font-face
CSS