Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

suneohair

macrumors 68020
Original poster
Aug 27, 2006
2,136
0
Ok, so I was looking at some japanese music videos and this effect caught my eye.

http://www.tudou.com/programs/view/Ok2UM1ZO7HQ/

The title of the video: ?PV????? - hikari???????

It has sort of a blur to it. I have poured over every bit of CSS in there and I can't figure it out. When you view the main source the characters have that look to them as well, but if that is the case I don't know how to reproduce it....
 

Benjamin

macrumors 6502a
Oct 27, 2003
959
1
Portland, OR
No that is their javascript, not sure where in theirs but if you turn off javascript it doesn't blur the text, although I bet it is a javascript to use the CSS text shadow.

---

Ok I've taken a better look, aka more then one min, and have figured it how. The site is using javascript to figure out which browser you are using (which is why text shadow wasn't loaded when I turned off java script) so it can load in extra CSS for specific browsers. For safari they load in this sheet _safari.css which indeed has the text-shadow being used.

h1,h2,h3
{font-size: 16px;text-shadow:1px 1px 2px #333;}
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.