feat: add live H1-H7 trace explorer

2026-07-10 23:17:23 +09:00
parent 7cb592a32f
commit 1345d4c930
11 changed files with 496 additions and 28 deletions
@@ -27,3 +27,37 @@ button, input, select, textarea { font: inherit; }
 ::-webkit-scrollbar { width: 10px; height: 10px; }
 ::-webkit-scrollbar-thumb { background: #c8d0dd; border: 3px solid transparent; border-radius: 999px; background-clip: padding-box; }
 ::-webkit-scrollbar-track { background: transparent; }
+
+@keyframes trace-flow {
+  from { transform: translateX(-150%); }
+  to { transform: translateX(350%); }
+}
+
+.trace-edge {
+  position: relative;
+  width: 2.75rem;
+  height: 2px;
+  flex: 0 0 2.75rem;
+  overflow: hidden;
+  border-radius: 999px;
+  background: #cbd5e1;
+}
+
+.trace-edge-active {
+  background: #93c5fd;
+}
+
+.trace-edge-active::after {
+  position: absolute;
+  inset-block: 0;
+  left: 0;
+  width: 35%;
+  border-radius: 999px;
+  background: linear-gradient(90deg, transparent, #2563eb, transparent);
+  content: "";
+  animation: trace-flow 1.2s linear infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .trace-edge-active::after { animation: none; }
+}