I'm showing a message on the bottom:

Msg.qml
Qt Code: 
  1. import QtQuick 2.4
  2.  
  3. Item {
  4.     property alias text: mf.text
  5.     anchors.fill: parent
  6.     antialiasing: false
  7.     opacity: 0.9
  8.     z: 100
  9.  
  10.     MsgForm {
  11.         id: mf
  12.         width: parent.width
  13.         y: parent.height - height - 5
  14.     }
  15. }
To copy to clipboard, switch view to plain text mode 

MsgForm.ui.qml
Qt Code: 
  1. import QtQuick 2.4
  2.  
  3. Item {
  4.     property alias text: msg.text
  5.  
  6.     width: 200
  7.  
  8.     id: message
  9.     height: msg.height+10
  10.  
  11.     Rectangle {
  12.         id: rectangle
  13.         color: "#fb9191"
  14.         anchors.fill: parent
  15.         border.color: "#fd6666"
  16.         border.width: 2
  17.  
  18.         Text {
  19.             id: msg
  20.             anchors.top: parent.top
  21.             anchors.topMargin: 2
  22.             textFormat: Text.PlainText
  23.             anchors.right: parent.right
  24.             anchors.rightMargin: 4
  25.             anchors.left: parent.left
  26.             anchors.leftMargin: 4
  27.             wrapMode: Text.WordWrap
  28.             clip: false
  29.             font.bold: true
  30.             font.pointSize: 12
  31.             font.family: "Tahoma"
  32.         }
  33.     }
  34. }
To copy to clipboard, switch view to plain text mode 

How can animate the form to appears from bottom smoothly?