css: maybe delay transition

1 files changed, 8 insertions, 2 deletions

diff --git a/web/nodecard.css b/web/nodecard.css
index 078f53e..fb1a9ff 100644
--- a/web/nodecard.css
+++ b/web/nodecard.css
@@ -40,7 +40,10 @@
 .node.card .poster,
 .node.card .poster img {
     height: var(--card-size);
-    transition: height 0.2s;
+    transition-property: height;
+    transition-duration: 0.2s;
+    transition-timing-function: ease;
+    /* transition-delay: 0.2s; */
 }
 .node.card:hover .poster img {
     height: calc(var(--card-size) + 10em);
@@ -69,7 +72,10 @@
 }
 
 .node.card .inner {
-    transition: margin 0.2s, padding 0.2s;
+    transition-property: margin, padding;
+    transition-duration: 0.2s, 0.2s;
+    transition-timing-function: ease, ease;
+    /* transition-delay: 0.2s, 0.2s; */
 }
 .node.card:hover .inner {
     background-color: rgba(0, 0, 0, 0.76);