HToolTip component, enter/exit fade effect

src/qml/Base/HAvatar.qml

@@ -54,9 +54,8 @@ Rectangle {
             hoverEnabled: true
         }
 
-        ToolTip {
+        HToolTip {
             visible: imageMouseArea.containsMouse
-            delay: Qt.styleHints.mousePressAndHoldInterval
 
             HImage {
                 id: avatarToolTipImage

src/qml/Base/HToolTip.qml

@@ -0,0 +1,13 @@
+import QtQuick 2.7
+import QtQuick.Controls 2.0
+
+ToolTip {
+    delay: Qt.styleHints.mousePressAndHoldInterval
+
+    enter: Transition {
+        HNumberAnimation { property: "opacity"; from: 0.0; to: 1.0 }
+    }
+    exit: Transition {
+        HNumberAnimation { property: "opacity"; from: 1.0; to: 0.0 }
+    }
+}