qml 没有ElevationAnimation，请使用PropertyAnimation，实现当鼠标进入Rectangle时，Rectangle出现渐变阴影，凸显Rectangle，请给出代码

以下是使用PropertyAnimation实现鼠标进入Rectangle时出现渐变阴影的代码：

Rectangle {
    id: rect
    width: 200
    height: 200
    color: "lightblue"

    property real shadowRadius: 0

    MouseArea {
        anchors.fill: parent
        hoverEnabled: true

        onEntered: {
            var anim = Qt.createQmlObject('import QtQuick 2.0; PropertyAnimation {target: rect; property: "shadowRadius"; to: 20; duration: 200}', rect)
            anim.start()
        }

        onExited: {
            var anim = Qt.createQmlObject('import QtQuick 2.0; PropertyAnimation {target: rect; property: "shadowRadius"; to: 0; duration: 200}', rect)
            anim.start()
        }
    }

    Rectangle {
        anchors.fill: parent
        color: "transparent"
        border.color: "lightgray"
        border.width: 1
        radius: 5
        opacity: 0.5

        // Use the shadowRadius property to create a drop shadow
        layer.enabled: true
        layer.effect: DropShadow {
            radius: rect.shadowRadius
            color: "black"
            samples: 16
            horizontalOffset: 0
            verticalOffset: 0
        }
    }
}

在这个代码中，我们首先定义了一个Rectangle，其中包含了一个MouseArea，负责处理鼠标进入/离开事件。当鼠标进入时，我们使用Qt.createQmlObject创建了一个PropertyAnimation，将Rectangle的shadowRadius属性从0变为20，实现了渐变阴影的效果；当鼠标离开时，我们同样创建了一个PropertyAnimation，将shadowRadius属性从20变为0，恢复到没有阴影的状态。

为了实现阴影效果，我们在Rectangle内部添加了另一个Rectangle，用于绘制阴影。这个Rectangle的颜色是透明的，但是使用了DropShadow效果，通过调整radius属性实现阴影的大小和模糊度。注意，我们使用了shadowRadius属性来控制DropShadow的radius属性，以便在PropertyAnimation中动态改变阴影大小。