1.1.1 Parameters

Parameter: animation-duration ¶

Default value:

"0.8s"

Parameter: animations ¶

Default value:

((#<rule selector: "@@view-transition" declarations: (#<declaration property: navigation value: auto>)> #<rule selector: "::view-transition-old(root), ::view-transition-new(root)" declarations: (#<declaration property: animation value: "fade 0.1s ease both">)> #<rule selector: "@@keyframes fade" declarations: (#<rule selector: from declarations: (#<declaration property: opacity value: 0.2>)> #<rule selector: to declarations: (#<declaration property: opacity value: 1>)>)>) (#<rule selector: "@@keyframes slide-from-right-element" declarations: (#<rule selector: "from" declarations: (#<declaration property: translate value: "150vw 0"> #<declaration property: scale value: "200% 1">)> #<rule selector: "to" declarations: (#<declaration property: translate value: "0 0"> #<declaration property: scale value: "100% 1">)>)>) (#<rule selector: ".slide-from-right" declarations: (#<declaration property: animation-duration value: "0.8s"> #<declaration property: animation-name value: slide-from-right-element>)>) (#<rule selector: "@@keyframes slide-from-left-element" declarations: (#<rule selector: "from" declarations: (#<declaration property: translate value: "-150vw 0"> #<declaration property: scale value: "200% 1">)> #<rule selector: "to" declarations: (#<declaration property: translate value: "0 0"> #<declaration property: scale value: "100% 1">)>)>) (#<rule selector: ".slide-from-left" declarations: (#<declaration property: animation-duration value: "0.8s"> #<declaration property: animation-name value: slide-from-left-element>)>) (#<rule selector: "@@keyframes slide-from-top-element" declarations: (#<rule selector: "from" declarations: (#<declaration property: translate value: "0 -150vh"> #<declaration property: scale value: "1 200%">)> #<rule selector: "to" declarations: (#<declaration property: translate value: "0 0"> #<declaration property: scale value: "1 100%">)>)>) (#<rule selector: ".slide-from-top" declarations: (#<declaration property: animation-duration value: "0.8s"> #<declaration property: animation-name value: slide-from-top-element>)>) (#<rule selector: "@@keyframes slide-from-bottom-element" declarations: (#<rule selector: "from" declarations: (#<declaration property: translate value: "0 150vh"> #<declaration property: scale value: "1 200%">)> #<rule selector: "to" declarations: (#<declaration property: translate value: "0 0"> #<declaration property: scale value: "1 100%">)>)>) (#<rule selector: ".slide-from-bottom" declarations: (#<declaration property: animation-duration value: "0.8s"> #<declaration property: animation-name value: slide-from-bottom-element>)>) (#<rule selector: ".active\\:scale-95" declarations: (#<rule selector: "&:active" declarations: (#<declaration property: scale value: "95% 95%">)>)>))