html - Background and transparent effect -
http://codepen.io/alemarch/pen/yyeowx
<div id="back"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div id="front">g</div>
and css
#back { white-space: pre; background-color: #000; color: } #front { margin-top:-170px; padding-left: 20px; font-size: 150px; color: transparent; background-color: rgb(255,255,0); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; //position: relative; }
this code work chrome.. ask
- how run in firefox? must use svg?
- in chrome, how change color of bla bla bla (now if use forecolor of bla bla different of background color transparent effect lost)?
- why, in chrome, if change position (ex relative) transparent effect lost too?
thanks.
Comments
Post a Comment