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

  1. how run in firefox? must use svg?
  2. in chrome, how change color of bla bla bla (now if use forecolor of bla bla different of background color transparent effect lost)?
  3. why, in chrome, if change position (ex relative) transparent effect lost too?

thanks.


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -