Item {
    id: rectangle1
    property bool locked: false
   

    Image {
        id: name

        source: "../content/pics/lockBody.png"

        MouseArea{
            anchors.fill: parent
            onClicked: {
                //

                PropertyAnimation {
                         target: name;
                         property: "rotation";
                         from: 0;
                         to: 45;
                         duration: 300;
                         easing.type: Easing.Linear
                }

                locked = !locked
            }

        }
    }  
    
}

 Rectangle {
     id: flashingblob
     width: 75; height: 75
     color: "blue"
     opacity: 1.0

     MouseArea {
         anchors.fill: parent
         onClicked: {
             animateColor.start()
             animateOpacity.start()
         }
     }

     PropertyAnimation {id: animateColor; target: flashingblob; properties: "color"; to: "green"; duration: 100}

     NumberAnimation {
         id: animateOpacity
         target: flashingblob
         properties: "opacity"
         from: 0.99
         to: 1.0
         loops: Animation.Infinite
         easing {type: Easing.OutBack; overshoot: 500}
    }
 }