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

21 votes232 views2 answers
How to write css for input type text
CSS
0 vote239 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
0 vote198 views1 answer
Css logo color
CSS
0 vote293 views1 answer
Transform element
CSS
1 vote269 views1 answer
Sql file extension
CSS
0 vote264 views1 answer
Set border only left and right css
CSS
0 vote237 views1 answer
Not let user select in css
CSS
3 votes258 views2 answers
Css disable button click
CSS
0 vote277 views1 answer
Taille texte css
CSS
0 vote201 views1 answer
Github-pages main.css cancel
CSS