Skip to content

Instantly share code, notes, and snippets.

@andresgcarmona

andresgcarmona/dialogMotion.css

Last active January 1, 2023 01:13
Show Gist options
  • Save andresgcarmona/2a627d3a849c10c58914b07c338306d5 to your computer and use it in GitHub Desktop.
Save andresgcarmona/2a627d3a849c10c58914b07c338306d5 to your computer and use it in GitHub Desktop.
Download ZIP
Dialog snippets
Raw
dialogMotion.css
@media (prefers-reduced-motion: no-preference) {
dialog {
animation: var(--animation-scale-down) forwards;
animation-timing-function: var(--ease-squish-3);
}
dialog[open] {
animation: var(--animation-slide-in-up) forwards;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment