From f4c6de2e9d39dbf9c07a5c57e8b19f4f2382d3f6 Mon Sep 17 00:00:00 2001
From: aoshisen <aoshisen.23@gmail.com>
Date: Thu, 29 Jan 2026 22:55:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0blend-mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card.vue |  4 +++-
 src/const/editor.ts     |  2 +-
 src/const/hoverTilt.ts  | 33 +++++++++++++++++++++++++++++++--
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index efdd17e..2b28864 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -27,7 +27,9 @@ img {
 <style lang="scss" scoped>
 .container {
   .hover-tilt {
-    &::part(tilt) {
+
+    &::part(tilt),
+    &::part(container) {
       &::before {
         border-radius: var(--border-radius, 0px);
         overflow: hidden;
diff --git a/src/const/editor.ts b/src/const/editor.ts
index d845666..fce57fa 100644
--- a/src/const/editor.ts
+++ b/src/const/editor.ts
@@ -1,7 +1,7 @@
 const editorConfig = [
 	{
 		label: "border-radius",
-		value: 0,
+		value: 10,
 		params: {
 			min: 0,
 			step: 1,
diff --git a/src/const/hoverTilt.ts b/src/const/hoverTilt.ts
index efb643d..7eb30ca 100644
--- a/src/const/hoverTilt.ts
+++ b/src/const/hoverTilt.ts
@@ -56,6 +56,24 @@ export const hoverTiltConfig = [
 			step: 1
 		}
 	},
+	//@see https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Values/blend-mode
+	//   normal       |
+	//   darken       |
+	//   multiply     |
+	//   color-burn   |
+	//   lighten      |
+	//   screen       |
+	//   color-dodge  |
+	//   overlay      |
+	//   soft-light   |
+	//   hard-light   |
+	//   difference   |
+	//   exclusion    |
+	//   hue          |
+	//   saturation   |
+	//   color        |
+	//   luminosity   
+
 	{
 		label: "blend-mode",
 		value: "overlay",
@@ -65,6 +83,18 @@ export const hoverTiltConfig = [
 				"screen": "screen",
 				"multiply": "multiply",
 				'plus-lighter': 'plus-lighter',
+				//--------------
+				"normal": "normal",
+				"darken": "darken",
+				"color-dodge": "color-dodge",
+				"lighten": "lighten",
+				"soft-light": "soft-light",
+				"difference": "difference",
+				"exclusion": "exclusion",
+				"hue": "hue",
+				"saturation": "saturation",
+				"color": "color",
+				"luminosity": "luminosity",
 			}
 		}
 	},
@@ -94,7 +124,7 @@ export const hoverTiltConfig = [
 	//@see https://hover-tilt.simey.me/options/props/#glaremaskmode
 	{
 		label: "glare-mask-mode",
-		value: "outside",
+		value: "none",
 		params: {
 			// 'match-source' | 'luminance' | 'alpha' | 'none' | undefined
 			options: {
@@ -102,7 +132,6 @@ export const hoverTiltConfig = [
 				"luminance": "luminance",
 				"alpha": "alpha",
 				"none": "none",
-				// "undefined": undefined
 			}
 		}
 	}