From 1b37f7d7f1554f4ef4cd185c1181d54d9956b1db Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 6 Oct 2024 12:06:27 +0800
Subject: Update

---
 snippets/css_transition_common | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 snippets/css_transition_common

(limited to 'snippets/css_transition_common')

diff --git a/snippets/css_transition_common b/snippets/css_transition_common
new file mode 100644
index 0000000..4884c90
--- /dev/null
+++ b/snippets/css_transition_common
@@ -0,0 +1,21 @@
+@media (prefers-reduced-motion: no-preference) {
+  transition:
+    opacity .5s ease-in,
+    scale   .5s ease-in,
+    display .5s ease-in;
+  height  .5s ease-in;
+  transition-behavior: allow-discrete;
+}
+
+@starting-style {
+  opacity: 0;
+  scale: 1.1;
+}
+
+&[hidden] {
+  opacity: 0;
+  scale: .9;
+  display: none !important;
+  transition-duration: .4s;
+  transition-timing-function: ease-out;
+}
-- 
cgit v1.2.3-70-g09d2