[CSS]Efecto "Fade Text in"

<style type="text/css">
#ex3 {
    width: 730px;
    height: 133px;
    line-height: 0px;
    color: transparent;
    font-size: 50px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 300;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
#ex3:hover {
    line-height: 133px;
    color: #575858;
}
 
#ex3 img{
    float: left;
    margin: 0 15px;
}
</style>

  <div id="ex3">
        <img src="http://lorempixum.com/400/133"><p>Some Text</p>
    </div>