-webkit-background-clip:text

-webkit-background-clip:text

by fatihhayri

HTML

<div id="kutu1">
    Kedicik
</div>

CSS

body{
    background-color:#999;
}
div{
  width:400px;
  height:400px;
  background:url(http://fatihhayrioglu.com/images/kedi.jpg) 0 0 repeat;
  padding:20px;
  border:20px solid transparent;
  float:left
}

#kutu1 {
    -moz-background-origin: border;
    -webkit-background-origin: border;
    -webkit-background-origin: border-box;
    background-origin: border-box;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font:bold 72px Arial, Helvetica, sans-serif;    
}