QML SequentialAnimation PropertyAnimation

qml_sequential_animation.qml

/*
  QML Animation
    - NumberAnimation
    - PropertyAnimation
    - SequentialAnimation
    - ParallelAnimation

  Author : MaIII Themd
  Website : http://miiniq.blogspot.com
  FB : http://www.facebook.com/PiShared
  Env : Qt 5.0.2 clang 64 bit OSX 10.8.4
  */

import QtQuick 2.0

Rectangle {
    width: 500; height: 500;
    color: "lightblue"

    Rectangle {
        id: rectangle1
        x: 0; y: 0; color: "white"

        SequentialAnimation {
            PropertyAnimation {
                target: rectangle1
                properties: "width,height"
                from: 0; to: 500;
                duration: 2000;
            }
            PropertyAnimation {
                target: rectangle1
                properties: "color"
                from: "white"; to: "black";
                duration: 3000;
            }
            running: true
        }
    }

}