diff --git a/doc-src/content/examples/compass/css3/gradient/markup.haml b/doc-src/content/examples/compass/css3/gradient/markup.haml
index efd72744..11492be7 100644
--- a/doc-src/content/examples/compass/css3/gradient/markup.haml
+++ b/doc-src/content/examples/compass/css3/gradient/markup.haml
@@ -35,3 +35,7 @@
   %p
     This yields a horizontal linear gradient spanning from left to right.
 
+.ex
+  #svg-gradient.gradient-example
+  %p
+    This gradient has SVG support enabled for opera and IE9.
diff --git a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
index 5e07c757..77aea812 100644
--- a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
@@ -9,8 +9,6 @@
   width: 80px
   height: 80px
   background: red
-  margin: 20px
-  border: 1px solid #111
   float: left
   margin: 1em 1em 0 0
 
@@ -37,3 +35,9 @@
 // This yields a horizontal linear gradient spanning from left to right.
 #h-gradient
   +linear-gradient(color-stops(#fff, #ddd), left)
+
+#svg-gradient
+  $experimental-support-for-svg: true
+  +linear-gradient(color-stops(#2AC363, #CD8C14, #9C4CC2), left)
+  width: 80px
+  height: 80px
diff --git a/doc-src/content/reference/compass/css3/gradient.haml b/doc-src/content/reference/compass/css3/gradient.haml
index dd9eb185..d9b1bd75 100644
--- a/doc-src/content/reference/compass/css3/gradient.haml
+++ b/doc-src/content/reference/compass/css3/gradient.haml
@@ -12,4 +12,6 @@ classnames:
 ---
 - render 'reference' do
   %p
-    Provides a mixin to create cross-browser CSS3 gradients.
+    Provides mixins to create cross-browser CSS3 gradients.
+    To enable SVG gradient support in Opera and IE9, set
+    <code>$experimental-support-for-svg: true</code> in your stylesheet.