diff --git a/lama_cleaner/app/src/components/Editor/Editor.tsx b/lama_cleaner/app/src/components/Editor/Editor.tsx
index 1d29d7b..4008587 100644
--- a/lama_cleaner/app/src/components/Editor/Editor.tsx
+++ b/lama_cleaner/app/src/components/Editor/Editor.tsx
@@ -731,7 +731,7 @@ export default function Editor(props: EditorProps) {
/>
}
disabled={scale === minScale && panned === false}
diff --git a/lama_cleaner/app/src/components/shared/Tooltip.scss b/lama_cleaner/app/src/components/shared/Tooltip.scss
index 6c9e15e..b55c253 100644
--- a/lama_cleaner/app/src/components/shared/Tooltip.scss
+++ b/lama_cleaner/app/src/components/shared/Tooltip.scss
@@ -1,28 +1,33 @@
$tooltip-translate: 100%;
$tooltip-margin: 1.5rem;
-.info-tooltip {
- &:hover:before {
- content: attr(data-tooltip);
- position: absolute;
- background-color: var(--tooltip-bg);
- color: var(--tooltip-text-color);
- padding: 0.5rem;
- border-radius: 0.3rem;
- z-index: 2;
- }
+.info-tooltip {
+ &:hover:before {
+ content: attr(data-tooltip);
+ position: absolute;
+ background-color: var(--tooltip-bg);
+ color: var(--tooltip-text-color);
+ padding: 0.5rem;
+ border-radius: 0.3rem;
+ z-index: 2;
+ opacity: 0;
+ animation-name: opacityReveal;
+ animation-duration: 0.2s;
+ animation-fill-mode: forwards;
+ animation-delay: 1s;
+ }
}
.info-tooltip-top {
- &:hover:before {
- transform: translateY(calc($tooltip-translate * -1));
- margin-bottom: $tooltip-margin;
- }
+ &:hover:before {
+ transform: translateY(calc($tooltip-translate * -1));
+ margin-bottom: $tooltip-margin;
+ }
}
.info-tooltip-bottom {
- &:hover:before {
- transform: translateY($tooltip-translate);
- margin-top: $tooltip-margin;
- }
-}
\ No newline at end of file
+ &:hover:before {
+ transform: translateY($tooltip-translate);
+ margin-top: $tooltip-margin;
+ }
+}