title: Rainbow color for text
body: <pre><code>.rainbowtext{ background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); 
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: bold; }
  &lt;p class="rainbowtext"&gt;Hello! This should have rainbow coloring.&lt;/p&gt;
  </code></pre>
  
  <p>I want to make a text to have rainbow coloring. This code works fine but only with Safari/Chrome, in firefox the text is transparent. I've tried messing around with it with no success. Any help :P?</p>