fix: missing animation

afeiship · Feb 14, 2021 · b17cef1 · b17cef1
1 parent 33a71ae
commit b17cef1
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/build/TEMPLATE.md b/build/TEMPLATE.md
@@ -30,6 +30,31 @@ __GENERATE_DOCS__
 __GENERATE_DAPP__
   ```
 
+## animation
+```css
+/* remove arrow */
+&::-webkit-details-marker {
+  // display: none;
+}
+
+
+/* add animation */
+&[open] summary ~ * {
+  animation: open 0.5s ease-in-out;
+}
+
+@keyframes open {
+  0% {
+    opacity: 0;
+    margin-left: -5px;
+  }
+  100% {
+    opacity: 1;
+    margin-left: 0px;
+  }
+}
+```
+
 ## documentation
 - https://afeiship.github.io/react-details/