aboutsummaryrefslogtreecommitdiffstats
path: root/playgrounds/transforms
diff options
context:
space:
mode:
Diffstat (limited to 'playgrounds/transforms')
-rw-r--r--playgrounds/transforms/transforms.html9
1 files changed, 7 insertions, 2 deletions
diff --git a/playgrounds/transforms/transforms.html b/playgrounds/transforms/transforms.html
index ac60f14..89dc419 100644
--- a/playgrounds/transforms/transforms.html
+++ b/playgrounds/transforms/transforms.html
@@ -10,9 +10,14 @@
<body>
- <h1>SVG JS Playground</h1>
+ <h1>Transformations</h1>
- <svg viewBox="-200 -200 400 400">
+ <p>
+ Here you can try out our transformation code, try moving around the pink
+ box in your console with its variable name: <code>mover</code>
+ </p>
+
+ <svg viewBox="0 0 1500 1500">
<rect id="old" x=200 y=400 width=200 height=400 class="green"/>
<rect id="new" x=200 y=400 width=200 height=400 class="pink"/>