From 0cdf537e397b47506ed4792b332bb3e9a9b4910c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <renaudeau.gaetan@gmail.com>
Date: Mon, 31 Aug 2015 11:14:11 +0200
Subject: [PATCH] Update 3.md

---
 docs/examples/3.md | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/docs/examples/3.md b/docs/examples/3.md
index 16f5cd0..9b604ea 100644
--- a/docs/examples/3.md
+++ b/docs/examples/3.md
@@ -1,6 +1,9 @@
 # Hue Rotate on Text+Image
 
-`gl-react-native` not only allows to add effects on top of images but also on top of **any** content. This example shows the Hue rotation effect on top of **texts and image**.
+`gl-react` not only allows to add effects on top of images but also on top of **any** content. This example shows the Hue rotation effect on top of **texts and image**.
+
+
+**`gl-react-native` version:**
 
 ```html
 <HueRotate
@@ -13,6 +16,23 @@
 </HueRotate>
 ```
 
+**`gl-react` version:** (using `react-canvas`)
+
+```html
+<HueRotate
+  width={256}
+  height={180}
+  hue={hue}>
+  <ReactCanvasContentExample width={256} height={180} text={text} />
+  <Surface width={256} height={180} top={0} left={0}>
+    <Image src="http://i.imgur.com/qVxHrkY.jpg" style={{ width: 256, height: 244, top: 0, left: 0 }} />
+    <Text style={styles.demospan1}>Throw me to the wolves</Text>
+    <Text style={styles.demospan2}>and I will return</Text>
+    <Text style={styles.demospan3}>{text}</Text>
+  </Surface>
+</HueRotate>
+```
+
 ![](3.gif)
 
 ## Implementation