cool tumbnail hover txt effect thing example here - http://jsfiddle.net/ztKb4/

textbgmask.css

.block {
    display: table;
    margin: 0;
    padding: 0;
    float: left;
    height: 400px;
    width:400px;
    text-align: center;
    vertical-align: middle;
    background-size: cover;
    position: relative;
    z-index: 1;
    cursor: pointer;
        background:black url(http://img.gawkerassets.com/img/17twy6q7m9o2ljpg/medium.jpg)no-repeat center;
    background-size:cover;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.block h1 {
    font-size: 8.2rem;
    text-decoration: none;
    vertical-align: middle;
    font-weight:bold;
    display: table-cell!important;
    padding: 0 20px;
}

.block:hover {
    -webkit-background-clip: none!important;
    background-clip:content-box;
}

.block:hover h1 {
    cursor: pointer;
    display: table-cell;
    text-shadow:0px 0px 0px transpaent;
    opacity:0.5;
    color:black;
     -webkit-text-stroke: 1px black;
}​