CSS Clip Path demo

HTML
<img class="svg-clipped" src="http://s1.funon.cc/img/orig/201406/10/5396be86c329c.jpg" alt="CodePad"> <svg height="0" width="0"> <defs> <clipPath id="svgPath"> <text x="0" y="300" textLength="800" lengthAdjust="spacing" font-family="Vollkorn" font-size="200pt" font-weight="700" font-style="italic"> CodePad </text> </clipPath> </defs> </svg>
CSS
.svg-clipped{ -webkit-clip-path:url(#svgPath); clip-path:url(#svgPath); }
JAVASCRIPT
Expand for more options Login