f<font color=1C1C1C>o</font><font color=383838>l</font><font color=545454>l</font><font color=707070>o</font><font color=8C8C8C>w</font><font color=A8A8A8>i</font><font color=C4C4C4>n</font><font color=E0E0E0>g</font>
THAT is the original HTML, it depicts the word "Following" fading into white. How would I do that with CSS?f<font style="color: #1C1C1C;">o</font><font style="color: #383838;">l</font><font
style="color: #545454;">l</font><font style="color: #707070;">o</font><font
style="color: #8C8C8C;">w</font><font style="color: #A8A8A8;">i</font><font
style="color: #C4C4C4;">n</font><font style="color: #E0E0E0;">g</font>Originally posted by NogDog
f<font style="color: #1C1C1C;">o</font><font style="color: #383838;">l</font><font
style="color: #545454;">l</font><font style="color: #707070;">o</font><font
style="color: #8C8C8C;">w</font><font style="color: #A8A8A8;">i</font><font
style="color: #C4C4C4;">n</font><font style="color: #E0E0E0;">g</font>
you wouldn't use the font tag. Span would be better. <span style="...">letter</span>you could try using this..
filter: alpha(opacity=...);
there are several values you can insert after opacity..
simplest way I can think of off the top of my head is setting your font inside a DIV
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
i'm not too sure tho, i've only used filter opacity to make opaque backgrounds..
give it a try, or google around with itOriginally posted by DarkScythe
you could try using this..
filter: alpha(opacity=...);
there are several values you can insert after opacity..
simplest way I can think of off the top of my head is setting your font inside a DIV
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
i'm not too sure tho, i've only used filter opacity to make opaque backgrounds..
give it a try, or google around with it
I don't believe opacity is very well supported. If i remember correctly from reading around, IE doesnt support it for oneOriginally posted by DarkScythe
filter: alpha(opacity=...);
... ... ...
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
Originally posted by pawky
I don't believe opacity is very well supported. If i remember correctly from reading around, IE doesnt support it for one
The filter property is IE proprietary, so it will only work in IE.filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */Originally posted by TheBearMay
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
the second includes the dashes?
and.. does -mox-opacity: .5; work in firefox (i'm assuming yeah, but might as well make sure)?Originally posted by DarkScythe
the second includes the dashes?
and.. does -mox-opacity: .5; work in firefox (i'm assuming yeah, but might as well make sure)?
Yes, the hyphens are required, and yes it works in Firefox.
Originally posted by Paul Jr
Yes, the hyphens are required, and yes it works in Firefox.
lol, a quote brings it out so much more..
i didnt noticed i typo'd moz as mox until i read ur quote..
and that's proprietary mozilla so it's best not to use it since good browsers like opera don't support it.if i were really really good, i would prolly do something like a javascript (maybe) check of the browser..
if IE, use filter alpha, if mozilla/firefox, use -moz-opacity, else use a generic background color or something..
BUT i'm nowhere near good enough to do that..
u can see for urself i'm still struggling with CSS, just a few threads down lol.
but for the supported browsers i think it's a nice effect.. just my opinion tho.
edit:
die typos.Originally posted by DarkScythe
edit:
die typos.
no, KILL typos
THAT is the original HTML, it depicts the word "Following" fading into white. How would I do that with CSS?f<font style="color: #1C1C1C;">o</font><font style="color: #383838;">l</font><font
style="color: #545454;">l</font><font style="color: #707070;">o</font><font
style="color: #8C8C8C;">w</font><font style="color: #A8A8A8;">i</font><font
style="color: #C4C4C4;">n</font><font style="color: #E0E0E0;">g</font>Originally posted by NogDog
f<font style="color: #1C1C1C;">o</font><font style="color: #383838;">l</font><font
style="color: #545454;">l</font><font style="color: #707070;">o</font><font
style="color: #8C8C8C;">w</font><font style="color: #A8A8A8;">i</font><font
style="color: #C4C4C4;">n</font><font style="color: #E0E0E0;">g</font>
you wouldn't use the font tag. Span would be better. <span style="...">letter</span>you could try using this..
filter: alpha(opacity=...);
there are several values you can insert after opacity..
simplest way I can think of off the top of my head is setting your font inside a DIV
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
i'm not too sure tho, i've only used filter opacity to make opaque backgrounds..
give it a try, or google around with itOriginally posted by DarkScythe
you could try using this..
filter: alpha(opacity=...);
there are several values you can insert after opacity..
simplest way I can think of off the top of my head is setting your font inside a DIV
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
i'm not too sure tho, i've only used filter opacity to make opaque backgrounds..
give it a try, or google around with it
I don't believe opacity is very well supported. If i remember correctly from reading around, IE doesnt support it for oneOriginally posted by DarkScythe
filter: alpha(opacity=...);
... ... ...
<div style="filter:alpha(opacity=100, finishopacity=0)"> bleh? </div>
Originally posted by pawky
I don't believe opacity is very well supported. If i remember correctly from reading around, IE doesnt support it for one
The filter property is IE proprietary, so it will only work in IE.filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */Originally posted by TheBearMay
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
the second includes the dashes?
and.. does -mox-opacity: .5; work in firefox (i'm assuming yeah, but might as well make sure)?Originally posted by DarkScythe
the second includes the dashes?
and.. does -mox-opacity: .5; work in firefox (i'm assuming yeah, but might as well make sure)?
Yes, the hyphens are required, and yes it works in Firefox.
Originally posted by Paul Jr Yes, the hyphens are required, and yes it works in Firefox.
lol, a quote brings it out so much more..
i didnt noticed i typo'd moz as mox until i read ur quote..
and that's proprietary mozilla so it's best not to use it since good browsers like opera don't support it.if i were really really good, i would prolly do something like a javascript (maybe) check of the browser..if IE, use filter alpha, if mozilla/firefox, use -moz-opacity, else use a generic background color or something..
BUT i'm nowhere near good enough to do that..
u can see for urself i'm still struggling with CSS, just a few threads down lol.
but for the supported browsers i think it's a nice effect.. just my opinion tho.
edit:
die typos.Originally posted by DarkScythe
edit:
die typos.
no, KILL typos