Border-bottom FADE?

[tonynoriega]

can you fade a border-bottom, or an underline?

i want to may my <h1> text have either a border-bottom or an underline that fades...

like a red to white fade that blends in withe the background of white, so it looks like a streak...

possible?

[swa66]

Try a gradient line in a gif and use it as background, non-repeating and bottom aligned?

[tonynoriega]

can you do that with just and <h1> tag or do you have to put that within an ID?

could i do:

h1 {
background: url(image);
background-position: bottom left;
background-repeat: no-repeat;
}

[swa66]

Should work either way. Basically the id is to select just one tag. The h1 will get all you level 1 titles. It's up to you to choose which to apply it to.

You might need to add some padding on the bottom to make it drop down low enough.