1 files changed, 59 insertions, 0 deletions
diff --git a/examples/declarative/effects/effects.qml b/examples/declarative/effects/effects.qml
new file mode 100644
index 0000000..e6efc75
--- /dev/null
+++ b/examples/declarative/effects/effects.qml
@@ -0,0 +1,59 @@
+import Qt 4.6
+
+Rectangle {
+    color: "white"
+    width: 400
+    height: 200
+
+    Image {
+        id: blur
+        x: 5
+        source: "pic.png"
+
+        effect: Blur {
+            blurRadius: NumberAnimation {
+                id: blurEffect
+                from: 0; to: 10
+                duration: 1000
+                repeat: true
+            }
+        }
+
+        MouseRegion { anchors.fill: parent; onClicked: blurEffect.running = !blurEffect.running }
+    }
+
+    Text { text: "Blur"; anchors.top: blur.bottom; anchors.horizontalCenter: blur.horizontalCenter }
+
+    Image {
+        id: dropShadow
+        source: "pic.png"
+        x: 135
+
+        effect: DropShadow {
+            blurRadius: 3
+            offset.x: 3
+            offset.y: NumberAnimation { id: dropShadowEffect; from: 0; to: 10; duration: 1000; repeat: true; }
+        }
+
+        MouseRegion { anchors.fill: parent; onClicked: dropShadowEffect.running = !dropShadowEffect.running }
+    }
+
+    Image {
+        id: colorize
+        source: "pic.png"
+        x: 265
+
+        effect: Colorize { color: "blue" }
+    }
+
+    Text { text: "Colorize"; anchors.top: colorize.bottom; anchors.horizontalCenter: colorize.horizontalCenter }
+
+    Text { text: "Drop Shadow"; anchors.top: dropShadow.bottom; anchors.horizontalCenter: dropShadow.horizontalCenter }
+
+    Text {
+        y: 155; anchors.horizontalCenter: parent.horizontalCenter
+        text: "Clicking Blur or Drop Shadow will \ntoggle animation."
+        color: "black"
+    }
+
+}