qml/Components/ClideHandle.qml

@@ -8,6 +8,8 @@ import QtQuick.Controls
 import clide.module 1.0
 
 Rectangle {
+    id: root
+
     readonly property color currentColor: {
         if (pressed) {
             return RustColors.pressed;
@@ -24,11 +26,18 @@ Rectangle {
     color: currentColor
     implicitHeight: 8
     radius: 2.5
+    opacity: root.hovered ? 1.0 : 0.0
 
     // Execute these behaviors when the color is changed.
     Behavior on color {
         ColorAnimation {
-            duration: 400
+            duration: 500
+        }
+    }
+
+    Behavior on opacity {
+        OpacityAnimator {
+            duration: 500
         }
     }
 }