Using CSS to create 3D effect: Will this be treated as legitimate?

Repeating words 4 times in a row.

[Elijah]

I am thinking about using CSS to create a 3d text effect.
For example like this:

.t1 { position: absolute; color: #0099ff; left: 100; top:20; }
.t2 { color: #0000ff; position: absolute; left: 98; top: 18; }
.t3 { color: #0000CC; position: absolute; left: 96; top: 16; }
.t4 { color: #000099; position: absolute; left: 94;top: 14; }
<span class="t4">My 3D Logo</span>
<span class="t3">My 3D Logo</span>
<span class="t2">My 3D Logo</span>
<span class="t1">My 3D Logo</span>

As you can see the words "My 3D Logo" are repeated four times in a row. Also since my page background color will be black and these colors fade close to black, will google think I am trying to hide text? Will the search engines penalize for this?
I would rather not just make it into a image as this loads a lot faster.

Thanks for your time,

Elijah

[sabai]

There are better ways to do it without repeating the content...

one technique is IE only... I think you need to use absolute sizes for the text. There are other similar effects too - do a web search,

.shadow {width:200; height:100; filter: Shadow(Color=#555555, Direction=120)}

CSS2 defines a text-shadow property which unfortunately is unsupported (so far as I can tell) at this time... check it out here

[w3.org ]

[Elijah]

Because I can not find any alternative that works in both IE and Mozilla without resorting to an image.

Will repeating any word 4 times in a row in the header or every page of my site will make google lower my PR or will make search engines somehow penalize me?

Or should I use javascript to output the text? Would that be better?

Thanks for the reply,

Elijah :o}

[PatrickDeese]

Why don't you want to create the logo as an image?

You can get a much better end result with a graphic, and you won't run the risk of a penalty.

[sabai]

I agree with PatrickDeese - though it is up to you. I can't say whether you will get a penalty or not (you probably won't), but why take the risk? Probably using javascript is better, but there are unconfirmed rumors about google scanning javascript algos for hidden text (take that with a pinch of salt)... Image is the safest route, though I am with you 100% on trying to use text instead of images wherever possible.

[MonkeeSage]

Another reason to use an image (with a proper alt attribute) is that screenreaders will be saying:

My 3D Logo
My 3D Logo
My 3D Logo
My 3D Logo

(Yup, all four times)

...for every single page...

People using screenreaders will probably get really annoyed really fast.

You could just take a screenshot of what you've got right now, crop and size it how you like, then replace what you've got with the capture.

Jordan