color-animation.qml Example File
declarative/animation/basics/color-animation/qml/color-animation/color-animation.qml
 
 
 import QtQuick 1.0
 import Qt.labs.particles 1.0
 Item {
     id: window
     width: 640; height: 480
     
     Rectangle {
         anchors { left: parent.left; top: parent.top; right: parent.right; bottom: parent.verticalCenter }
         gradient: Gradient {
             GradientStop {
                 position: 0.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
                     ColorAnimation { from: "DeepSkyBlue"; to: "#0E1533"; duration: 5000 }
                     ColorAnimation { from: "#0E1533"; to: "DeepSkyBlue"; duration: 5000 }
                 }
             }
             GradientStop {
                 position: 1.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
                     ColorAnimation { from: "SkyBlue"; to: "#437284"; duration: 5000 }
                     ColorAnimation { from: "#437284"; to: "SkyBlue"; duration: 5000 }
                 }
             }
         }
     }
     
     Item {
         width: parent.width; height: 2 * parent.height
         NumberAnimation on rotation { from: 0; to: 360; duration: 10000; loops: Animation.Infinite }
         Image {
             source: "images/sun.png"; y: 10; anchors.horizontalCenter: parent.horizontalCenter
             rotation: -3 * parent.rotation
         }
         Image {
             source: "images/moon.png"; y: parent.height - 74; anchors.horizontalCenter: parent.horizontalCenter
             rotation: -parent.rotation
         }
         Particles {
             x: 0; y: parent.height/2; width: parent.width; height: parent.height/2
             source: "images/star.png"; angleDeviation: 360; velocity: 0
             velocityDeviation: 0; count: parent.width / 10; fadeInDuration: 2800
             SequentialAnimation on opacity {
                 loops: Animation.Infinite
                 NumberAnimation { from: 0; to: 1; duration: 5000 }
                 NumberAnimation { from: 1; to: 0; duration: 5000 }
             }
         }
     }
     
     Rectangle {
         anchors { left: parent.left; top: parent.verticalCenter; right: parent.right; bottom: parent.bottom }
         gradient: Gradient {
             GradientStop {
                 position: 0.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
                     ColorAnimation { from: "ForestGreen"; to: "#001600"; duration: 5000 }
                     ColorAnimation { from: "#001600"; to: "ForestGreen"; duration: 5000 }
                 }
             }
             GradientStop { position: 1.0; color: "DarkGreen" }
         }
     }
 }