text clip stroke

by ian_smithz

HTML

<div id="main">

<h1>FISH!</h1>
    <h2>scroll down</h2>

</div>

CSS

#main { 
    position: relative;
    width: 100%;
    height: 1000px;
}

h1 { text-align: center; margin-top: 10%; font: 20em "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: bold;
    background: url(http://d.mundo-descargas.com/imagenes/tropical-fish-wallpaper-2-0.jpg) center center no-repeat;
    background-attachment:fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px black;
}

h2 { text-align: center; margin-top: -70px; font: 5em "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: bold;
    background: url(http://d.mundo-descargas.com/imagenes/tropical-fish-wallpaper-2-0.jpg) center center no-repeat;
    background-attachment:fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px black;
}