Drop shadow text using CSS
I want to have a header that has a drop shadow.
I don't think there's a style that adds a drop shadow to your text. If there is that's my first choice.
But second, I was going to define two elements, that have identical text, but have different style sheets.
This does work, but I don't want the position to be absolute. I want to have this header anywhere within my content body, so I don't want to have to define the exact position:
How would I do this? thanks!
I don't think there's a style that adds a drop shadow to your text. If there is that's my first choice.
But second, I was going to define two elements, that have identical text, but have different style sheets.
This does work, but I don't want the position to be absolute. I want to have this header anywhere within my content body, so I don't want to have to define the exact position:
.ScreenNameMain
{
color: #384E73;
top: 60px;
left: 20px;
position: absolute;
}
.ScreenNameShadow
{
color: #8080FF;
top: 62px;
left: 22px;
position: absolute;
}How would I do this? thanks!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Both of those other options look ugly. I checked out numerous plug ins, etc. and none are truly drop shadows. They are just blurry text. It's better to leave it off in my opinion. But thanks. I know it's out of your control.
ASKER