优化 react-flow 句柄的过渡效果，移除缩放效果，增加阴影效果 (#9)

YoLin02 · web-flow · commit a1d8a50ba097 · 2026-06-23T14:56:32.000+08:00
diff --git a/src/index.css b/src/index.css
@@ -192,12 +192,12 @@
   border-radius: 50%;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
   cursor: crosshair !important;
-  transition: transform 0.15s ease, background-color 0.15s ease;
+  transition: background-color 0.15s ease, box-shadow 0.15s ease;
 }
 
 .react-flow__handle:hover {
-  transform: scale(1.22);
   background-color: #000000 !important;
+  box-shadow: 0 0 0 3px rgba(23, 23, 23, 0.12), 0 1px 4px rgba(0, 0, 0, 0.14);
 }
 
 .react-flow__handle.custom-node-handle {
@@ -209,8 +209,8 @@
 }
 
 .react-flow__handle.custom-node-handle:hover {
-  transform: scale(1.3);
   background-color: #111827 !important;
+  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12), 0 1px 4px rgba(0, 0, 0, 0.14);
 }
 
 .react-flow__connection-path {

Original file line number	Diff line number	Diff line change
`@@ -192,12 +192,12 @@`
`192`	`192`	`border-radius: 50%;`
`193`	`193`	`box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);`
`194`	`194`	`cursor: crosshair !important;`
`195`		`- transition: transform 0.15s ease, background-color 0.15s ease;`
	`195`	`+ transition: background-color 0.15s ease, box-shadow 0.15s ease;`
`196`	`196`	`}`
`197`	`197`
`198`	`198`	`.react-flow__handle:hover {`
`199`		`- transform: scale(1.22);`
`200`	`199`	`background-color: #000000 !important;`
	`200`	`+ box-shadow: 0 0 0 3px rgba(23, 23, 23, 0.12), 0 1px 4px rgba(0, 0, 0, 0.14);`
`201`	`201`	`}`
`202`	`202`
`203`	`203`	`.react-flow__handle.custom-node-handle {`
`@@ -209,8 +209,8 @@`
`209`	`209`	`}`
`210`	`210`
`211`	`211`	`.react-flow__handle.custom-node-handle:hover {`
`212`		`- transform: scale(1.3);`
`213`	`212`	`background-color: #111827 !important;`
	`213`	`+ box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12), 0 1px 4px rgba(0, 0, 0, 0.14);`
`214`	`214`	`}`
`215`	`215`
`216`	`216`	`.react-flow__connection-path {`