Inner text shadow

dabblet.css

/* Inner text shadow */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

h1 {
  font: bold 6em 'open sans condensed';
  text-align: center;

  /** This is where the magic happens **/
  background-color: rgba(204,129,0,.9);
  text-shadow: 0px 2px 5px #f9c800;
  color: transparent;
  -webkit-background-clip: text;
}

dabblet.html

<h1>Get your own</h1>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}