Merge pull request #76 from Game-as-a-Service/fix-magic-circle

noracami · web-flow · commit 09f4d71fa80b · 2025-06-22T21:21:22.000+08:00
Fix: 調整魔法圓圈動畫的透明度以保持一致性
diff --git a/src/components/SmallBook.vue b/src/components/SmallBook.vue
@@ -123,11 +123,13 @@ const magicCircleClass = computed(() => showBook.value ? 'magic-circle' : 'hidde
 
   75% {
     filter: blur(1px);
+    opacity: .9;
     transform: translateX(197%) translateY(330%) rotate(10deg) scale(4);
   }
 
   100% {
     filter: blur(0px);
+    opacity: 0;
     transform: translateX(197%) translateY(330%) rotate(15deg) scale(.6);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -123,11 +123,13 @@ const magicCircleClass = computed(() => showBook.value ? 'magic-circle' : 'hidde`
`123`	`123`
`124`	`124`	`75% {`
`125`	`125`	`filter: blur(1px);`
	`126`	`+ opacity: .9;`
`126`	`127`	`transform: translateX(197%) translateY(330%) rotate(10deg) scale(4);`
`127`	`128`	`}`
`128`	`129`
`129`	`130`	`100% {`
`130`	`131`	`filter: blur(0px);`
	`132`	`+ opacity: 0;`
`131`	`133`	`transform: translateX(197%) translateY(330%) rotate(15deg) scale(.6);`
`132`	`134`	`}`
`133`	`135`	`}`