title: Make a CSS triangle with transparent background on a div with white bg image?
body: <p>Ok so, I'm trying to replicate the effect you see here at the bottom of the page, with the back to top button: <a href="http://www.ppp-templates.de/tilability/" rel="nofollow">http://www.ppp-templates.de/tilability/</a> - After the content area for We stay connected.</p>
  
  <p>basically he's using a background image for that and I'd like to replicate it with CSS and keep the same effect.</p>
  
  <p>I know how to create triangles with CSS with borders, but in my case I'd like to use the transparent bg image and not a color so I can't use borders</p>
  
  <p>I removed the background image and used #FFF on the whole div, so it's all white now... I created a new div in which I added the back to top button and added background: transparent to it so it's transparent, but how do I create the triangle via CSS?</p>
  
  <p>Any help is greatly appreciated.</p>