Transparent text

css text transparency html

Search for: css text transparency html

Nice examples on image transaprency

Search for: ie filter opacity text


<div>
<span class="a">Testing</span><span class="c">Testing</span>
</div>

span.a 
{
filter:alpha(opacity=15);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:200px;
font-size:36;
}
span.c 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:200px;
font-size:36;
}

ie seem to require a fixed size block of html to work

T e s t i n g

T e s t i n gT e s t i n g


<style>
div.a 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:100px;
height:50px;
font-size:20;
}
div.b
{
font-size:20;
}
span.a 
{
filter:alpha(opacity=15);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:50px;
font-size:20;
}
span.c 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:50px;
font-size:20;
}
</style>

<div style="border:solid green">
<div class="b">
<p><span>T e s t i n g</span></p>
</div>
<div>
<p><span class="a">T e s t i n g</span><span class="c">T e s t i n g</span></p>
</div>
</div>