tracky-mouse 2.4.0 → 2.6.0

package/locales/zh-simplified/translation.json

@@ -0,0 +1,199 @@
+{
+  "api.errors.clickRequired": "必须提供 config.click",
+  "api.errors.configRequired": "initDwellClicking 需要配置对象",
+  "api.errors.functionRequired": "%0 必须是一个函数",
+  "api.errors.numberRequired": "%0 必须是数字",
+  "api.errors.retargetFromInvalidSelector": "config.retarget[%0].from 不是有效的 CSS 选择器",
+  "api.errors.retargetFromInvalidType": "config.retarget[%0].from 必须是 CSS 选择器字符串、Element 或函数",
+  "api.errors.retargetFromRequired": "必须提供 config.retarget[%0].from",
+  "api.errors.retargetMustBeArray": "config.retarget 必须是一个对象数组",
+  "api.errors.retargetToInvalidSelector": "config.retarget[%0].to 不是有效的 CSS 选择器",
+  "api.errors.retargetToInvalidType": "config.retarget[%0].to 必须是 CSS 选择器字符串、Element、函数或 null",
+  "api.errors.retargetToRequired": "必须提供 config.retarget[%0].to（也可以为 null 以忽略该元素）",
+  "api.errors.targetsInvalidSelector": "config.targets 不是有效的 CSS 选择器",
+  "api.errors.targetsMustBeSelectorString": "config.targets 必须是字符串（CSS 选择器）",
+  "api.errors.targetsRequired": "必须提供 config.targets（必须是 CSS 选择器）",
+  "cli.args.adjust.description": "按相对当前值的变化量调整某个选项。（同时输出新值，新值可能会被限制在一定范围内。）",
+  "cli.args.cli-lang.description": "指定 CLI 使用的语言。",
+  "cli.args.get.description": "输出某个选项的当前值。",
+  "cli.args.profile.description": "要使用的设置配置。",
+  "cli.args.set.description": "将某个选项设置为指定的值。（同时输出新值，新值可能会被限制在一定范围内。）",
+  "cli.args.start.description": "开始头部跟踪。",
+  "cli.args.stop.description": "停止头部跟踪。",
+  "cli.args.version.description": "显示版本号。",
+  "cli.description": "无需用手即可控制鼠标。此命令行工具用于控制正在运行的 Tracky Mouse 应用，供语音指令系统等外部程序切换 Tracky Mouse 状态并实时调整设置。",
+  "common.close": "关闭",
+  "common.fileTypeJson": "JSON",
+  "common.notApplicable": "N/A",
+  "common.warningIcon": "⚠️",
+  "debug.faceConvergenceScore": "面部收敛评分：",
+  "debug.faceTrackingScore": "面部跟踪评分：",
+  "debug.headTilt.pitch": "俯仰：",
+  "debug.headTilt.roll": "滚转：",
+  "debug.headTilt.yaw": "偏航：",
+  "debug.pointsBasedOnScore": "基于评分的点数：",
+  "desktop.about.description": "用摄像头控制你的电脑。",
+  "desktop.about.title": "关于 Tracky Mouse",
+  "desktop.importSettings.title": "导入设置",
+  "desktop.menu.edit": "编辑",
+  "desktop.menu.export": "导出",
+  "desktop.menu.exportSettings": "导出设置",
+  "desktop.menu.exportSettingsError": "导出设置失败。",
+  "desktop.menu.file": "文件",
+  "desktop.menu.githubRepository": "GitHub 仓库",
+  "desktop.menu.homePage": "主页",
+  "desktop.menu.import": "导入",
+  "desktop.menu.importBackupError": "在导入前备份当前设置失败。",
+  "desktop.menu.importError": "导入设置失败。",
+  "desktop.menu.importReadError": "读取所选文件失败。",
+  "desktop.menu.importSettings": "导入设置",
+  "desktop.menu.speech": "语音",
+  "desktop.menu.toggleScreenOverlayDevtools": "切换开发者工具（屏幕叠加层）",
+  "desktop.menu.view": "查看",
+  "desktop.menu.window": "窗口",
+  "desktop.updater.action.doNotRestartYet": "稍后",
+  "desktop.updater.action.download": "下载",
+  "desktop.updater.action.openDownloadPage": "打开下载页面",
+  "desktop.updater.action.remindMeLater": "稍后提醒我",
+  "desktop.updater.action.restartNow": "立即重启",
+  "desktop.updater.action.skipThisVersion": "跳过此版本",
+  "desktop.updater.action.updateFromGit": "从 Git 更新",
+  "desktop.updater.errors.checkout": "无法在本地 git 仓库中检出最新版本。可能存在未提交的更改。",
+  "desktop.updater.errors.fetch": "无法从 git 获取更新。",
+  "desktop.updater.errors.generic": "从 git 更新时发生错误。",
+  "desktop.updater.errors.install": "从 git 检出新版本后，安装依赖失败。",
+  "desktop.updater.updateAvailable.gitRepoNote": "由于这是一个 git 仓库，可以直接拉取更新。",
+  "desktop.updater.updateAvailable.message": "Tracky Mouse 有新版本可用：%0\n\n当前正在使用版本 %1。",
+  "desktop.updater.updateAvailable.title": "有可用更新",
+  "desktop.updater.updateFailed.title": "更新失败",
+  "desktop.updater.updateSuccessful.message": "已检出 %0。重启应用以使用更新后的版本。",
+  "desktop.updater.updateSuccessful.title": "更新成功",
+  "hud.pressToDisable": "按 %0 可禁用 Tracky Mouse。",
+  "hud.pressToEnable": "按 %0 可启用 Tracky Mouse。",
+  "hud.pressToToggle": "按 %0 可切换 Tracky Mouse 的启用状态。",
+  "hud.willResumeAfterMouseStops": "在鼠标停止移动后将恢复。",
+  "openCameraSettings.errors.parseKnownCameras": "无法从 localStorage 解析已知摄像头：",
+  "openCameraSettings.errors.sharedHeading": "无法打开摄像头设置：",
+  "settings.cameraSource.defaultCamera": "默认",
+  "settings.cameraSource.description": "选择用于头部跟踪的摄像头。",
+  "settings.cameraSource.description.alt1": "选择用于头部跟踪的摄像头。",
+  "settings.cameraSource.label": "摄像头来源",
+  "settings.cameraSource.numberedCamera": "摄像头 %0",
+  "settings.cameraSource.unavailableCamera": "摄像头不可用",
+  "settings.cameraSource.unavailableCameraAdjective": "不可用",
+  "settings.checkForUpdates.description": "启用后，Tracky Mouse 启动时会自动检查更新。",
+  "settings.checkForUpdates.description.alt1": "在有新的 Tracky Mouse 版本时提醒你。",
+  "settings.checkForUpdates.description.alt2": "在有新的 Tracky Mouse 版本可用时通知你。",
+  "settings.checkForUpdates.label": "检查更新",
+  "settings.clickingMode.description": "选择如何执行鼠标点击。",
+  "settings.clickingMode.dwell.description": "将光标保持在原位一小段时间以执行点击。",
+  "settings.clickingMode.dwell.label": "悬停点击",
+  "settings.clickingMode.label": "点击模式：",
+  "settings.clickingMode.off.description": "禁用点击。可与外部开关或自带悬停点击功能的程序配合使用。",
+  "settings.clickingMode.off.label": "关闭",
+  "settings.clickingMode.openMouthIgnoringEyes.description": "大张嘴来点击，完全忽略眼睛状态。",
+  "settings.clickingMode.openMouthIgnoringEyes.label": "张嘴点击（忽略眼睛）",
+  "settings.clickingMode.openMouthSimple.description": "大张嘴来点击。至少有一只眼睛是睁开的才能触发点击。",
+  "settings.clickingMode.openMouthSimple.label": "张嘴点击（简化）",
+  "settings.clickingMode.openMouthWithEyeModifiers.description": "大张嘴来点击。如果左眼闭合，则为右键单击；如果右眼闭合，则为中键单击。",
+  "settings.clickingMode.openMouthWithEyeModifiers.label": "张嘴点击（带眼睛修饰）",
+  "settings.clickingMode.wink.description": "闭上一只眼来点击。左眼闭合为左键点击，右眼闭合为右键点击。",
+  "settings.clickingMode.wink.label": "眨眼点击",
+  "settings.closeEyesToToggle.description": "启用后，你可以闭上双眼几秒钟来开始或停止鼠标控制。",
+  "settings.closeEyesToToggle.label": "闭眼开始/停止（<span style=\"border-bottom: 1px dotted;\" title=\"• 目前没有可见或可听的反馈。\n• 暂时没有可配置的长短时间来切换开启/关闭。\n• 容易受到误判眨眼的影响，尤其是向下看时。\">实验性功能</span>）",
+  "settings.delayBeforeDragging.description": "在开始点击时，在设定的时长内锁定鼠标移动。\n如果你在画布上绘图，可能希望关闭该功能；如果经常在点击时不小心拖动，可以适当增加该时长。",
+  "settings.delayBeforeDragging.description.alt1": "在开始点击时暂时锁定鼠标移动，以防止误拖动。",
+  "settings.delayBeforeDragging.label": "开始拖动前的延迟",
+  "settings.delayBeforeDragging.sliderMax": "易于点击",
+  "settings.delayBeforeDragging.sliderMin": "易于拖动",
+  "settings.dropdownDescriptionOptionsListHeading": "选项：",
+  "settings.headTilt.horizontalOffset.description": "当摄像头看到你的头部正对前方时，调整鼠标指针所在的位置。\n⚠️ 不推荐使用水平偏移，如有可能，请改为移动摄像头。📷",
+  "settings.headTilt.horizontalOffset.description.alt1": "调整水平头部倾斜的中心位置。不推荐使用；如有可能，请改为移动摄像头。",
+  "settings.headTilt.horizontalOffset.description.alt2": "调整水平头部倾斜的中心位置。此水平偏移不推荐使用，如有可能，请改为移动摄像头。",
+  "settings.headTilt.horizontalOffset.label": "水平光标偏移",
+  "settings.headTilt.horizontalRange.description": "控制你需要将头向左或向右倾斜多少才能移动到屏幕边缘。",
+  "settings.headTilt.horizontalRange.description.alt1": "使光标从屏幕一侧移动到另一侧所需的水平头部倾斜范围。",
+  "settings.headTilt.horizontalRange.description.alt2": "你需要将头向左、向右倾斜多少才能移动到屏幕两侧边缘。",
+  "settings.headTilt.horizontalRange.description.alt3": "你需要将头向左或向右倾斜多少才能移动到屏幕边缘。",
+  "settings.headTilt.horizontalRange.label": "水平倾斜范围",
+  "settings.headTilt.range.sliderMaxLargeNeckMovement": "大量颈部动作",
+  "settings.headTilt.range.sliderMinLittleNeckMovement": "少量颈部动作",
+  "settings.headTilt.verticalOffset.description": "当摄像头看到你的头部正对前方时，调整鼠标指针所在的位置。",
+  "settings.headTilt.verticalOffset.description.alt1": "调整垂直头部倾斜的中心位置。",
+  "settings.headTilt.verticalOffset.label": "垂直光标偏移",
+  "settings.headTilt.verticalRange.description": "控制你需要将头向上或向下倾斜多少才能移动到屏幕边缘。",
+  "settings.headTilt.verticalRange.description.alt1": "使光标从屏幕顶部移动到底部所需的垂直头部倾斜范围。",
+  "settings.headTilt.verticalRange.description.alt2": "你需要将头向上、向下倾斜多少才能移动到屏幕上下边缘。",
+  "settings.headTilt.verticalRange.description.alt3": "你需要将头向上或向下倾斜多少才能移动到屏幕边缘。",
+  "settings.headTilt.verticalRange.label": "垂直倾斜范围",
+  "settings.language.description": "选择 Tracky Mouse 界面使用的语言。",
+  "settings.language.description.alt1": "更改 Tracky Mouse 显示使用的语言。",
+  "settings.language.label": "语言",
+  "settings.mirror.description": "水平镜像摄像头画面。",
+  "settings.mirror.label": "镜像",
+  "settings.motionThreshold.description": "每帧光标需要移动的最小距离（像素）。有助于让光标彻底停下。",
+  "settings.motionThreshold.description.alt1": "低于此像素距离的移动将被忽略。",
+  "settings.motionThreshold.description.alt2": "需要移动光标的速度（像素/帧）。",
+  "settings.motionThreshold.label": "运动阈值",
+  "settings.motionThreshold.sliderMax": "稳定",
+  "settings.motionThreshold.sliderMin": "自由",
+  "settings.openCameraSettings.description": "打开所选摄像头的系统设置对话框，以调整自动对焦、自动曝光等属性。",
+  "settings.openCameraSettings.description.alt1": "打开摄像头的系统设置窗口，以调整亮度、对比度等属性。",
+  "settings.openCameraSettings.description.alt2": "打开摄像头的系统设置窗口，以调整自动对焦、自动曝光等属性。",
+  "settings.openCameraSettings.label": "打开摄像头设置",
+  "settings.pointTracking.acceleration.description": "让头部快速移动时光标相对更快，头部缓慢移动时光标相对更慢。\n有助于稳定光标。不过，当点跟踪与头部倾斜结合使用时，较低的数值可能效果更好，因为头部倾斜是线性的，你希望点跟踪与头部跟踪大致匹配，从而起到无缝自动校准的作用。",
+  "settings.pointTracking.acceleration.description.alt1": "较高的加速度会让头部快速移动时鼠标更快移动，头部缓慢移动时鼠标更慢移动。",
+  "settings.pointTracking.acceleration.description.alt2": "让头部快速移动时光标额外加速，头部缓慢移动时光标额外减速，有助于稳定光标。",
+  "settings.pointTracking.acceleration.label": "加速度",
+  "settings.pointTracking.horizontalSensitivity.description": "针对水平头部运动时光标移动的速度。",
+  "settings.pointTracking.horizontalSensitivity.label": "水平灵敏度",
+  "settings.pointTracking.smoothing.label": "平滑度",
+  "settings.pointTracking.verticalSensitivity.description": "针对垂直头部运动时光标移动的速度。",
+  "settings.pointTracking.verticalSensitivity.label": "垂直灵敏度",
+  "settings.runAtLogin.description": "启用后，你登录电脑时会自动启动 Tracky Mouse。",
+  "settings.runAtLogin.description.alt1": "使 Tracky Mouse 在你登录电脑时自动启动。",
+  "settings.runAtLogin.label": "登录时运行",
+  "settings.sections.clicking.label": "点击",
+  "settings.sections.cursorMovement.label": "光标移动",
+  "settings.sections.general.label": "常规",
+  "settings.sections.headTiltCalibration.label": "头部倾斜校准",
+  "settings.sections.pointTracking.label": "点跟踪",
+  "settings.sections.video.label": "视频",
+  "settings.shared.directionDown": "下",
+  "settings.shared.directionLeft": "左",
+  "settings.shared.directionRight": "右",
+  "settings.shared.directionUp": "上",
+  "settings.shared.sliderMaxFast": "快",
+  "settings.shared.sliderMaxSmooth": "平滑",
+  "settings.shared.sliderMinLinear": "线性",
+  "settings.shared.sliderMinSlow": "慢",
+  "settings.startEnabled.description": "启用后，Tracky Mouse 启动时会立刻开始控制光标。",
+  "settings.startEnabled.description.alt1": "使 Tracky Mouse 在启动时即处于启用状态。否则，你可以在准备好时手动启动。",
+  "settings.startEnabled.description.alt2": "使 Tracky Mouse 在启动后立即处于启用状态。",
+  "settings.startEnabled.description.alt3": "在启动 Tracky Mouse 后自动立即开始工作。",
+  "settings.startEnabled.label": "启动时启用",
+  "settings.swapMouseButtons.description": "交换鼠标左右键。\n如果你的系统已经交换了鼠标左右键，这会很有用。\n在需要时也可用悬停点击器来实现右键点击。",
+  "settings.swapMouseButtons.label": "交换鼠标按钮",
+  "settings.tiltInfluence.description": "在点跟踪（2D）和检测到的头部倾斜（3D）之间进行融合。\n- 设为 0% 时，仅使用点跟踪。鼠标根据摄像头视野中你脸部 2D 特征点的可见位移来移动，因此会对头部的旋转和平移都有响应。\n- 设为 100% 时，仅使用头部倾斜。它使用你面部在三维空间中的朝向估计，忽略头部的平移。注意这里进行了平滑处理，所以响应不会像点跟踪那样迅速。在此模式下，你无需通过把鼠标推到屏幕边缘来重新归中。\n- 介于两者之间时，它会像自动校准一样工作，轻微调整点跟踪以匹配头部倾斜。对于偏离根据头部倾斜所预期位置的鼠标移动，会减慢其速度，并且（只有当滑块超过 80% 时）会主动向预期位置移动。",
+  "settings.tiltInfluence.description.alt1": "决定光标移动是基于三维头部倾斜，还是基于摄像头画面中脸部的二维运动。",
+  "settings.tiltInfluence.label": "倾斜影响程度",
+  "settings.tiltInfluence.sliderMax": "头部倾斜（3D）",
+  "settings.tiltInfluence.sliderMax.alt1": "头部倾斜",
+  "settings.tiltInfluence.sliderMin": "点跟踪（2D）",
+  "settings.tiltInfluence.sliderMin.alt1": "光流",
+  "settings.tiltInfluence.sliderMin.alt2": "点跟踪",
+  "ui.camera.allowAccess": "允许访问摄像头",
+  "ui.camera.useDemoFootage": "使用示例视频",
+  "ui.camera.useMyCamera": "使用我的摄像头",
+  "ui.desktopAppPromo.message": "你可以使用 <a href=\"https://trackymouse.js.org/\">TrackyMouse</a> 桌面应用来控制整台电脑。",
+  "ui.startStopButton.start": "开始",
+  "ui.startStopButton.stop": "停止",
+  "video.errors.accessFailed": "访问摄像头时出现问题。",
+  "video.errors.accessFailedRetry": "访问摄像头时出现问题。请重试。",
+  "video.errors.cameraInUse": "网络摄像头已被占用。请确认没有其他程序正在使用摄像头。",
+  "video.errors.noCameraFound": "未找到摄像头。请确认已连接并启用了摄像头。",
+  "video.errors.permissionDenied": "权限被拒绝。请启用对摄像头的访问。",
+  "video.errors.previouslySelectedUnavailable": "之前选择的摄像头不可用。请在“视频 > 摄像头来源”中先选择“默认”，如有需要再选择具体的摄像头。",
+  "video.errors.retryAfterClosingOtherPrograms": "请确认没有其他程序正在使用摄像头，然后重试。",
+  "video.errors.unsupportedResolution": "网络摄像头不支持所需的分辨率。请更改设置。"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tracky-mouse",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "Add facial mouse accessibility to JavaScript applications",
   "license": "MIT",
   "author": {
@@ -49,6 +49,7 @@
     "tracky-mouse.js",
     "tracky-mouse.css",
     "locales/",
+    "images/",
     "lib/"
   ],
   "devDependencies": {

package/tracky-mouse.css

@@ -1,12 +1,36 @@
 .tracky-mouse-pointer {
 	z-index: 900000;
 	pointer-events: none;
-	border-radius: 50%;
-	background-color: red;
-	width: 20px;
-	height: 20px;
+	/* background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='opacity:1;fill:%23ff0;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stop-color:%23000' d='M5 1v29l6-6 5 7 6-3-4-6h10z'/%3E%3Cpath style='opacity:1;fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stop-color:%23000' d='M5 18.978C13.157 22.5 17 16 17 16'/%3E%3Ccircle style='opacity:1;fill:%23000;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stop-color:%23000' cx='8.356' cy='13.886' r='1.726'/%3E%3Ccircle style='fill:%23000;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stop-color:%23000' cx='12.984' cy='13.836' r='1.872'/%3E%3C/svg%3E"); */
+	background-color: #000000;
+	clip-path: path('M4.5957 0.0859A1.0001 1.0001 0 0 0 4 1v29a1.0001 1.0001 0 0 0 1.707 0.707l5.1641 -5.1641l4.3145 6.0391a1.0001 1.0001 0 0 0 1.2617 0.3125l6 -3a1.0001 1.0001 0 0 0 0.3848 -1.4492L19.8691 23H28a1.0001 1.0001 0 0 0 0.6738 -1.7383L5.6738 0.2617A1.0001 1.0001 0 0 0 4.5957 0.0859Z');
+	width: 32px;
+	height: 32px;
 	position: fixed;
-	transform: translate(-50%, -50%);
+	transform: translate(-12.5%, -0%);
+}
+
+.tracky-mouse-pointer::after {
+	content: "";
+	position: absolute;
+	inset: 0;
+	/* mouth */
+	background-color: #000000;
+	clip-path: path('M17.5098 15.1387a1 1 0 0 0 -1.3711 0.3516c0 0 -0.8368 1.4099 -2.5937 2.4609c-1.7569 1.0511 -4.328 1.759 -8.1484 0.1094a1 1 0 0 0 -1.3145 0.5215a1 1 0 0 0 0.5215 1.3145c4.3365 1.8724 7.7649 1.0899 9.9688 -0.2285c2.2038 -1.3184 3.2891 -3.1582 3.2891 -3.1582a1 1 0 0 0 -0.3516 -1.3711z');
+}
+
+.tracky-mouse-pointer::before {
+	content: "";
+	position: absolute;
+	inset: 0;
+	/* reverse border (fill as defined by border) */
+	background-color: #ffff00;
+	clip-path: path('M6 3.2656L25.4219 21H18a1.0001 1.0001 0 0 0 -0.832 1.5547l3.3711 5.0566l-4.2227 2.1113l-4.502 -6.3047a1.0001 1.0001 0 0 0 -1.5215 -0.125L6 27.5859Z');
+	/* eyes */
+	background-image:
+		radial-gradient(ellipse 5.849111875% 5.849111875% at 40.576240625% 43.238415625%, #000000 80%, transparent 100%),
+		radial-gradient(ellipse 5.3928859375% 5.3928859375% at 26.113536874999998% 43.3944%, #000000 80%, transparent 100%);
+	background-repeat: no-repeat;
 }
 
 .tracky-mouse-dwell-indicator {
@@ -109,6 +133,7 @@
 .tracky-mouse-ui .tracky-mouse-label-text {
 	display: inline-block;
 	min-width: 150px;
+	margin-inline-end: 10px;
 }
 
 .tracky-mouse-ui .tracky-mouse-labeled-slider {
@@ -188,10 +213,51 @@
 	text-align: center;
 	color: white;
 	padding: 5px;
+	animation: tracky-mouse-jello-vertical 1s ease 0s 1 normal none;
+}
+
+@keyframes tracky-mouse-jello-vertical {
+	0% {
+		transform: scale3d(calc(calc(3 + 1) / 4), calc(calc(3 + 1) / 4), 1);
+	}
+
+	30% {
+		transform: scale3d(calc(calc(3 + 0.75) / 4), calc(calc(3 + 1.25) / 4), 1);
+	}
+
+	40% {
+		transform: scale3d(calc(calc(3 + 1.25) / 4), calc(calc(3 + 0.75) / 4), 1);
+	}
+
+	50% {
+		transform: scale3d(calc(calc(3 + 0.85) / 4), calc(calc(3 + 1.15) / 4), 1);
+	}
+
+	65% {
+		transform: scale3d(calc(calc(3 + 1.05) / 4), calc(calc(3 + 0.95) / 4), 1);
+	}
+
+	75% {
+		transform: scale3d(calc(calc(3 + 0.95) / 4), calc(calc(3 + 1.05) / 4), 1);
+	}
+
+	100% {
+		transform: scale3d(calc(calc(3 + 1) / 4), calc(calc(3 + 1) / 4), 1);
+	}
 }
 
 /* Screen overlay in electron app */
 
+.tracky-mouse-hide-near-cursor {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+	user-select: none;
+}
+
 #tracky-mouse-screen-overlay-message {
 	color: yellow;
 	position: absolute;
@@ -234,7 +300,7 @@
 	right: calc(var(--height) * -1);
 }
 
-@keyframes tracky-mouse-screen-overlay-message-fade-out {
+@keyframes tracky-mouse-fade-out {
 	0% {
 		opacity: 1;
 	}