summaryrefslogtreecommitdiffstats
path: root/gfx/wr/wrench/examples
diff options
context:
space:
mode:
Diffstat (limited to 'gfx/wr/wrench/examples')
-rw-r--r--gfx/wr/wrench/examples/animated.anim13
-rw-r--r--gfx/wr/wrench/examples/animated.yaml13
2 files changed, 26 insertions, 0 deletions
diff --git a/gfx/wr/wrench/examples/animated.anim b/gfx/wr/wrench/examples/animated.anim
new file mode 100644
index 0000000000..ee834e6cc2
--- /dev/null
+++ b/gfx/wr/wrench/examples/animated.anim
@@ -0,0 +1,13 @@
+---
+ anim.color:
+ - red
+ - green
+ - blue
+ rect.pos:
+ - [100, 100, 100, 100]
+ - [100, 100, 120, 100]
+ - [100, 100, 140, 100]
+ bs.offset:
+ - [0, 0]
+ - [2, 0]
+ - [4, 0]
diff --git a/gfx/wr/wrench/examples/animated.yaml b/gfx/wr/wrench/examples/animated.yaml
new file mode 100644
index 0000000000..7f9026ad6e
--- /dev/null
+++ b/gfx/wr/wrench/examples/animated.yaml
@@ -0,0 +1,13 @@
+---
+root:
+ items:
+ - type: rect
+ bounds: key(rect.pos)
+ color: key(anim.color)
+ - type: box-shadow
+ bounds: [ 100, 300, 100, 100 ]
+ blur-radius: 3
+ border-radius: 10
+ color: blue
+ clip-mode: outset
+ offset: key(bs.offset)