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 vote169 views1 answer
Child theme broken header "styles.css"
CSS
1 vote221 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
3 votes190 views1 answer
Install expo vector icons
CSS
0 vote185 views2 answers
After and before css
CSS
0 vote175 views1 answer
How to center an overlay button using flex box
CSS
-1 vote179 views1 answer
Tachar texto css
CSS
0 vote190 views2 answers
Access is denied nul > server.js
CSS
0 vote221 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
0 vote173 views1 answer
Ul list style type image
CSS
4 votes187 views3 answers
Zoom in and out iconhtml css
CSS